Disable combobox editor in a datagrid programatically

[thecyberzone]

In a editable datagrid a combobox editor column (CALDATE) is populated from a php url (code is given below). Now I cannot disable this combox editor when no record returned from the php call. Please help me.

Code:

		onBeforeEdit: function(index,row){
			row.editing = true;
			$(this).datagrid('updateRow',{index:index, row:{}});
			
 			var colDate = $(this).datagrid('getColumnOption', 'CALDATE');
 				colDate.editor = {
		    					type:'combobox',
    							options:{
    								method: 'get',
    								valueField:'ST_DT',
									textField:'ST_DT',
									panelHeight:100,
									url: 'getDate.php?dt1='+cald1+'&dt2='+cald2+'&pc='+row.PROGCODE
								}
							};
				//if (colDate.editor.combobox('getData').length==0){
				//	colDate.editor = null;
				//}
			$(this).datagrid('fixRowHeight');
		}

[stworthy]

With the 'onBeginEdit' event, you can get the combobox editor and disable it.

Code:

onBeginEdit: function(index,row){
	var ed = $(this).datagrid('getEditor', {index:index,field:'CALDATE'});
	var combo = $(ed.target);
	combo.combobox('disable')
}

[thecyberzone]

But how I will determine that php url return zero number of rows? That is how to determine the length of data populeted in combobox. Actually I want to disable combobox when there is no rows in combobox dropdown.

[stworthy]

You can listen to the 'onLoadSuccess' event. If no data returned then disable it.

Code:

{
	type:'combobox',
	options:{
		method: 'get',
		valueField:'ST_DT',
		textField:'ST_DT',
		panelHeight:100,
		url: 'getDate.php?dt1='+cald1+'&dt2='+cald2+'&pc='+row.PROGCODE,
		onLoadSuccess: function(data){
			if (!data.length){
				// disable it
			}
		}
	}
}

[thecyberzone]

What I have done is given below, but still now combobox is functioning, typing can be done in this combobox, 'Disabled' not done.

Code:

 			var colDate = $(this).datagrid('getColumnOption', 'CALDATE');
 				colDate.editor = {
		    					type:'combobox',
    							options:{
    								method: 'get',
    								valueField:'ST_DT',
									textField:'ST_DT',
									panelHeight:100,
									url: 'getDate.php?dt1='+cald1+'&dt2='+cald2+'&pc='+row.PROGCODE,
									onLoadSuccess: function(data){
										if (!data.length){
											var ed = $(this).datagrid('getEditor', {index:index,field:'CALDATE'});
											var combo = $(ed.target);
											combo.combobox('disable');
										}
									}
								}
							};

Although in combobox there is no row displayed.

[stworthy]

The code should be:

Code:

onLoadSuccess: function(data){
	if (!data.length){
		$(this).combobox('disable');
	}
}

[thecyberzone]

Thanks, working successfully.