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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to bind cascading drop down in grid batch editing?

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.

 

Razor:

 

 

 

Webforms:

 

 

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.

Article ID: Published Date: Last Revised Date: Platform: Control:
8926 07/09/2018 07/09/2018 JavaScript ejGrid
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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