The sorting action will cause the sorted data to be loaded again. This will trigger the 'onLoadSuccess' event. If you want to identify the sorting action, add a flag before sorting and remote it after loading data.

Code:

$('#dg').datagrid({
	remoteSort: false,
	onBeforeSortColumn: function(){
		var opts = $(this).datagrid('options');
		opts.isSorting = true;
	},
	onSortColumn: function(){
		//...
	},
	onLoadSuccess: function(data){
		var opts = $(this).datagrid('options');
		opts.isSorting = false;
	}
})

Please try this code:

Code:

$('#sb').searchbox({
	onResize: function(){
		var mb = $(this).searchbox('button');
		mb.outerWidth(120);
	}
})

1. Define a CSS class 'p-float'.

Code:

<style type="text/css">
    .p-float{
        float: left;
        margin-right: 10px;
    }
    .p-float .panel-body{
        display: flex;
        flex-direction:row;
    }
</style>

2. Assign it to all your panel with 'cls' property set to 'p-float'.

Code:

<div class="easyui-panel"
      id="divA" title="DivA" 
      data-options="iconCls:'icon-ui-wrench'
            , fit:false,cls:'p-float'
            "
>
  ...
</div>

The 'fit:true' property will make the tabs full fill its parent container. Remove it and use this code instead.

Code:

 <div data-options="region:'south',title:'Detail',split:true, hideCollapsedContent:false" style="height:50%">
   <div class="easyui-panel" style="padding:5px;height:50%">
     <div class="btn-sep" id="menuA">&nbsp;Menu:</div>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ui-radio-on" plain="true" onclick="btnActivate()">activate</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ui-radio-off" plain="true" onclick="btnDeactive()">deactivate</a>
    </div>
    <div id="tabsA" class="easyui-tabs" style="height:50%">
    ...
   </div> 
 </div>

1. The LocaleBase has only one method that is only used internally. No other useful properties and methods.

2. The Messager does not extend from Dialog, but it wraps a MessagerDialog that extends from Dialog. This MessagerDialog receives the properties from Messager.

3. The MenuButton documentation has been updated.

Bind the value to the component and watch it.

Code:

<SwitchButton v-model="value"></SwitchButton>

Code:

watch: {
	value(){
		console.log(this.value)
	}
}

First of all, append a checkbox element ahead of the group title.

Code:

groupFormatter:function(value, rows){
  var s = value + ' - ' + rows.length + ' Item(s)';
  s = '<input type="checkbox" onclick="checkGroup(\''+value+'\',event)">'+s;
  return s;
}

Define the 'checkGroup' function to check the group rows.

Code:

function checkGroup(value,event){
  value = $.trim(value);
  var dg = $('#dg');
  var groups = dg.datagrid('groups');
  var group = null;
  for(var i=0; i<groups.length; i++){
    if (groups[i].value == value){
      group = groups[i];
      break;
    }
  }
  var checked = $(event.target).is(':checked');
  for(var i=group.startIndex; i<group.startIndex+group.rows.length; i++){
    dg.datagrid(checked?'checkRow':'uncheckRow',i)
  }
}

Please update to the newest version.

Please try to update to the newest version.

Please try to override the 'inputEvents' events.

Code:

(function($){
	var keydownEventHandler = $.fn.maskedbox.defaults.inputEvents.keydown;
	$.extend($.fn.maskedbox.defaults.inputEvents, {
		keydown: function(e){},
		keypress: function(e){
			var tmp = $('<span></span>');
			tmp.html(String.fromCharCode(e.which));
			var c = tmp.text();
			tmp.remove();
			if ('0123456789'.indexOf(c) >= 0){
				return true;
			}
			return keydownEventHandler(e)
		}
	})
})(jQuery);

Please pass the 'css' parameter to the printJS function.

Code:

printJS({
	printable: 'dlg',
	type: 'html',
	css: '../../themes/default/easyui.css'
})

All the checked rows are stored in 'checkedRows' of the datagrid. You can set it with the rows that you want them to be checked. Please try this code.

Code:

var dg = $('#dg');
var state = dg.data('datagrid');
state.checkedRows = data;
dg.datagrid('loadData', data)

The code should be:

Code:

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

Please call 'resize' method to resize the component if necessary.

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