Open Popup of Custom DropDownList Editor on Cell Click in Grid with Batch Editing

Environment

Product	Progress® Kendo UI® Grid for jQuery
Operating System	All
Browser	All
Browser Version	All

Description

When using a custom DropDownList editor in an editable Grid, the first click focuses on the cell and shows the drop-down and the second click shows the list.

How can I show the drop-down list in the editable Grid with one cell click?

Solution

Subscribe to the edit event of the Grid.

The edit event:

1. Triggers when the user clicks on the cell.
2. Checks if the cell contains a DropDownList.
3. If the cell contains a DropDownList, the event triggers the open method of the DropDownList.

javascript

edit:function(e){
   var dropdown = e.container.find('[data-role=dropdownlist]').data('kendoDropDownList');
   if(dropdown){
      dropdown.open();
   }
}

For the complete implementation, refer to this Dojo example.