Hello,

What I propose is to use the cascading WebDropDown approach. By this the dependent WebDropDown editor would display a filtered item list based on the selected value of the 'independent' WebDropDownEditor.

This approach really wouldn't need to utilize the hidden field as you have presently implemented

To accomplish this you need to handle two important events: (1) SelectionChanged (2) ItemsRequested

In the SelectionChanged event the load items method is called (which calls to and fires the ItemsRequested server side event) based on when a selection has changed in dropdown. So the ItemsRequested server event will fire and populate the "2nd dropdown" based when the selectionchanged event fires which calls the load items method:

function DropDownProviderDepartment_SelectionChanged(sender, args) {

var grid = $find("");

var clientID = grid._editorProviders._items[1]._editor;

if (grid.get_behaviors().get_editingCore() != null) {

var rowadding = grid.get_behaviors().get_editingCore().get_behaviors().get_rowAdding();

var editBehavior = grid.get_behaviors().get_editingCore().get_behaviors().get_cellEditing();

if (editBehavior.get_cellInEditMode() != null) {

var nextCell = editBehavior.get_cellInEditMode().get_row().get_cell(editBehavior.get_cellInEditMode().get_index() + 1);

editBehavior.enterEditMode(nextCell);

var val = args.getNewSelection()[0].get_value();

clientID.loadItems(val);

flag = true;

}

else {

if (rowadding.get_cellInEditMode() != null) {

var nextCell = rowadding.get_cellInEditMode().get_row().get_cell(rowadding.get_cellInEditMode().get_index() + 1);

rowadding.enterEditMode(nextCell);

var val = args.getNewSelection()[0].get_value();

clientID.loadItems(val);

flag = true;

}

}

}

}