We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

How to bind cascading drop down in grid batch editing?

Platform: jQuery |
Control: ejGrid

In certain cases, changing the dataSource of one dropdown on selecting a value from other dropdown is known as the cascading effect. This effect can be applied to two dropdown controls within Grid upon editing that is explained in detail in this document. The following discussion

Render the Grid control in the Batch edit mode and events such as load, cellEdit, and beforeBatchSave.









In the load event of the of the Grid, update the editParams of the first dropdown column with the change event and define the change event with the required functionalities such as data collection from server-end and setting the value to the respective cell.


Later in the cellEdit event, next dropdown will be set to the dataSource and value. isrowEdited variable maintains the edited row which will be cleared before saving all the records in the beforeBatchSave event.


Figure: Grid Dropdown and Cascaded column in edited state.

You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile