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

Environment

Product Progress Kendo UI Grid
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. 1. Checks if the cell contains a DropDownList. 1. If the cell contains a DropDownList, the event triggers the open method of the DropDownList.

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.

In this article
Not finding the help you need? Improve this article