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 for jQuery
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