New to Kendo UI for jQuery? Download free 30-day trial

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


Product Progress Kendo UI Grid
Operating System All
Browser All
Browser Version All


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?


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.

   var dropdown = e.container.find('[data-role=dropdownlist]').data('kendoDropDownList');

For the complete implementation, refer to this Dojo example.

In this article