json data: [{"value":"14","caption":"zone A"},{"value":"15","caption":"zone B"},{"value":"16","caption":"zone C"}]
code:
onChange event of first combobox: onChange: function(value){
var tr = $(this).closest('tr.datagrid-row');
var idx = parseInt(tr.attr('datagrid-row-index'));
var ed = $("#tblProductionInfo").datagrid("getEditor", {index:idx, field:'zone'});
$(ed.target).combobox("reload", "warehouse.php?method=getzone&warehouse="+value);
}
second combobox: {field:'zone', title:'Zone', width:80, align:'center',
editor:{
type: 'combobox',
valueField: 'value',
textField: 'caption'
}
}
After selecting the second combobox element, text not shown til ending editing as following image: