DropDownList Save Value

[wsundetParticipant]

I am using jqxGrid with column editors that use jqxDropDownList editor. When an item is chosen in the DropDownList and a keyboard is being used, hitting the Enter key saves the value in the cell.

With an iPad or iPhone, you must tap the grid in order for the value to be saved. Is there a way to automatically save the value as soon as it is chosen from the DropDownList. I am trying to reduce complexity by eliminating screen clicks? Thank you.

[HristoParticipant]

Hello wsundet,

I would like to suggest you an approach that you bind the editor to “select” event in the createeditor callback.
Then use close the DropDownList and focus the Grid and also – endcelledit. Please, take a look at this example:

{
                      text: 'Product', columntype: 'dropdownlist', datafield: 'productname', width: 195,
                      createeditor: function (row, cellvalue, editor) {
                          editor.jqxDropDownList({ width: 120 });

                          editor.on('close', function (event) {
                              setTimeout(function () {
                                $("#grid").jqxGrid('endcelledit', row, "productname", false);
                              }, 0)
                          });
                      }
                  }

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[wsundetParticipant]

Thank you, it works perfectly!!!
wsundet

[Author]

Posts