jQuery UI Widgets › Forums › Grid › Cascading Drop Down Lists in Grid
This topic contains 5 replies, has 4 voices, and was last updated by Dimitar 10 years, 8 months ago.
-
Author
-
I am trying to implement a grid which consists of two drop down lists. When the user selects the first drop down list, the second drop down list items will change according to what is chosen in the first drop down list. I wonder if there is any sample code or documentation which I can refer to? Thank you.
Hi sushengloong,
Take a look at this sample: masterdetails.htm. The sample shows how the details Grid is updated dynamically based on the selection in the master Grid.
Displaying a Grid in DropDown is demonstrated here: dropdowngrid.htm.
You can combine the above samples.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHi Peter,
Thank you for your reply. However, as I mentioned, the two drop down lists reside in one grid. I need to dynamically rebind the second drop down list items/source/adapter based on what the user selects in the first drop down list. The main problem is I am not able to retrieve and manipulate the jqxDropDownList objects of the intended row from the jqxGrid object dynamically. Plus, I cannot rebind the grid data source as the user’s unsaved changes will be lost. Any idea on how this can be achieved? Thank you.
Hi sushengloong,
The initeditor callback is called when a dropdownlist editor is going to be opened. You can change data sources there. In the cellediting.htm some of the editors are using it.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHi sushengloong,
I am also looking for a solution as yours.i have a two dropdownlist in a grid, status and substatus, i want load the substatus values based on the changed status in the first dropdownlist. Did you find a solution, can you please help me out.
-
AuthorPosts
You must be logged in to reply to this topic.