Call the 'options' method to get this property.

Code:

var opts = $('#cb').checkbox('options');
console.log(opts.checked);

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')
}

Please try this code to get the field name.

Code:

onRowContextMenu: function(e){
	var td = $(e.target).closest('td[field]');
	var field = td.attr('field');
	console.log(field)
}

Please try to set the 'nowrap' to true, 'autoRowHeight' to false. Or call 'fixRowHeight' method to fix the row height.

You can override this code to custom the label's style.

Code:

.textbox-label{
  ...
}

Just define this css style.

Code:

<style type="text/css">
	.tagbox-label:hover{
		background: #ddd;
	}
</style>

Please override the 'enter' handler to custom your tag logic.

Code:

$('#tb').tagbox({
	keyHandler: $.extend({}, $.fn.tagbox.defaults.keyHandler, {
		enter: function(e){
			var t = $(this);
			var v = $.trim($(this).tagbox('getText'));
			if (v !== '' && v.length<6){
				var values = $(this).tagbox('getValues');
				values.push(v);
				$(this).tagbox('setValues', values);
			}
		}
	})
})

Use this code instead.

Code:

<span style="display:inline-block;width:20rem;>
	<input class="easyui-textbox" style="width:100%">
</span>

Override this style to make the sidemenu panel transparent.

Code:

.sidemenu .accordion{
	background: transparent;
}

To show the sidemenu programmatically, please try this code.

Code:

var h = $('#sm').find('.accordion').accordion('getPanel',0).panel('header');
h.tooltip('show')

Please rewrite the 'keydown.switchbutton' event handler.

Code:

$('#sb').next().unbind('keydown.switchbutton').bind('keydown.switchbutton', function(e){
	if (e.keyCode == 32){
		var opts = $('#sb').switchbutton('options');
		$('#sb').switchbutton(opts.checked ? 'uncheck' : 'check')
	}
});

You can set the title with multiple lines, the text on the top and the input on the bottom. Please try this code.

Code:

var columns = [
	{ field: 'itemid', title: 'Item ID<br><input class="hinput">', width: 60 },
	{
		field: 'productid', title: 'Product<br><input class="hinput">', width: 100,
...

Code:

<style type="text/css">
	.hinput{
		width: 100%;
	}
</style>

In 1.3.x, calling 'setValue' method only trigger the 'onChange' event. In 1.8.x, calling 'setValue' method may trigger the 'onSelect' and 'onUnselect' events before the 'onChange' event. If your issue continues, please show some code snippets to demonstrate your issue.

You can define a hidden field with validatebox editor. When none of the checkbox is checked, set the validatebox editor to empty. This will prevent the datagrid from ending the editing action as the validating result is failure. Please refer to the code below:

Code:

$('#dg').datagrid({
	columns: [[
		{field:'f1',title:'title1',width:100,editor:{type:'checkbox',options:{on:'On',off:'Off'}}},
		{field:'f2',title:'title2',width:100,editor:{type:'checkbox',options:{on:'On',off:'Off'}}},
		{field:'f3',title:'title3',width:100,editor:{type:'checkbox',options:{on:'On',off:'Off'}}},
		{field:'f4',title:'title4',width:100,editor:{type:'checkbox',options:{on:'On',off:'Off'}}},
		{field:'f5',title:'title5',width:100,editor:{type:'checkbox',options:{on:'On',off:'Off'}}},
		{field:'h',title:'hidden',hidden:true,width:100,editor:{type:'validatebox',options:{required:true}}}
	]],
	onBeginEdit: function(index,row){
		var f1 = $(this).datagrid('getEditor',{index:index,field:'f1'});
		var f2 = $(this).datagrid('getEditor',{index:index,field:'f2'});
		var f3 = $(this).datagrid('getEditor',{index:index,field:'f3'});
		var f4 = $(this).datagrid('getEditor',{index:index,field:'f4'});
		var f5 = $(this).datagrid('getEditor',{index:index,field:'f5'});
		var h = $(this).datagrid('getEditor',{index:index,field:'h'});
		var c1 = $(f1.target).change(_changeHandler);
		var c2 = $(f2.target).change(_changeHandler);
		var c3 = $(f3.target).change(_changeHandler);
		var c4 = $(f4.target).change(_changeHandler);
		var c5 = $(f5.target).change(_changeHandler);
		function _changeHandler(){
			if (c1.is(':checked')||c2.is(':checked')||c3.is(':checked')||c4.is(':checked')||c5.is(':checked')){
				$(h.target).val(true)
			} else {
				$(h.target).val('')
			}
		}
	}
})

Please set the 'visibility' style to 'hidden' instead of hiding it. This is the example shows how to achieve it.

http://code.reloado.com/ogamep/edit#preview

Please set the 'readonly' property. Make sure to download the newest version from the site.