Skip to Content
avatar image
Former Member

Editable input field in multiselect table

Hi Experts,

I have a sap.m.table, which has 4 columns. In ColumnListItem->cells, I have created first 2 fields as Text fields, and binding the data to it from json model. Later 2 fields are kept as input fields.

The requirement is, on selection a particular row, the input fields present in that row, should get set to editable mode, so that user can input the data in it.

Later, on click of a button (outside the table), data from the selected rows, should get mapped to another service posting data to backend.

I am looking for the help around setting the input fields of selected row to editable state and later reading the data from input fields on click of a button.

I read through multiple discussions, and tried various things, however couldn’t really achieve this. Need your valuable inputs to help me achieve the required result.

Thanks and regards,

Ruchi Agarwal

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Oct 17, 2016 at 10:18 AM

    Hello Ruchi,

    Are you looking something like this ?

    In the above example I have implemented with json model, similarly can be done using oDataModel (twoway binding mode) as well.

    Regards,

    Akhilesh

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Nov 01, 2016 at 04:29 PM
    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 30, 2016 at 09:42 PM

    hi Ruchi

    Maybe this helps. http://jsbin.com/zomizoc/edit?html,js,output

    Thanks

    -D

    Add comment
    10|10000 characters needed characters exceeded