Datagrid Inline edit: show/hide editors dynamically

[rangaNadha]

Hi,

How can we show/hide cell editors in the datagrid based on change comobo box in another cell, while inline editing?
Can any one provide an example?



Thanks in advance.

[jarry]

When begin to edit a row, the 'onBeginEdit' event fires, in which you can get all the editors and attach all events on them. Please refer to the code below:

Code:

$('#dg').datagrid({
	onBeginEdit: function(index,row){
		var dg = $(this);
		var ed1 = dg.datagrid('getEditor', {index:index,field:'productid'});
		$(ed1.target).combobox({
			onChange: function(value){
				var ed2 = dg.datagrid('getEditor', {index:index,field:'listprice'});
				// $(ed2.target).numberbox('disable');  // disable the editor
				$(ed2.target).parent().hide();  // hide the editor
			}
		})
	}
})

[rangaNadha]

Thanks for the response.

But, after adding that code. In the edit mode combobox is showing empty. It is not showing the previous saved value.

Is this happening because of  "$(ed1.target).combobox({"

[rangaNadha]

I fixed it, after adding the onchange function. Manually i set the previous value. Now it is working fine. Thnx Jerry.