This issue has been solved now. Please download the latest patch file from http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.6-patch.zip.

Please download the latest patch file from http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.6-patch.zip. You only need to include the 'jquery.easyui.patch.js' file to the page.

Please download the patch file from http://www.jeasyui.com/download/downloads/jquery-easyui-1.3.6-patch.zip, extract it and you will see the 'jquery.easyui.patch.js' file. Please include this file to your page.

To solve this issue, you have to set the height of menu.

Code:

<div id="mm" class="easyui-menu" style="width:120px;height:200px;overflow:auto">
...
</div>

The 'onChange' event fires when any changes are applied to the datebox. In addition to this event, you can bind any other events to the input box to do what you want.

Code:

var input = $('#dd').datebox('textbox');  // get the text box object
input.bind('change', function(){
  //...
});

No virtual scrollview exists for the treegrid but you can achieve a dynamic loading treegrid that helps to load rows from server in parts and avoid long waits to load huge data. For more information please visit http://www.jeasyui.com/tutorial/tree/treegrid3.php.

If you want to do some special conversions, you have to customize the 'formatter' and 'parser' functions. The code below achieves how to round a number downwards to the nearest integer.

Code:

{field:'ano1',title:'ANO 1',width:70,align:'center',
  editor:{
    type:'numberbox',
    options:{
		formatter:function(v){
			return v;
		},
		parser:function(s){
			var v = parseFloat(s);
			return isNaN(v)?'':Math.floor(v);
		}
    }
  }
},

The numberbox takes the 'precision' property that can be used to display the number precision after the decimal separator.

Code:

{field:'ano1',title:'ANO 1',width:70,align:'center',
  editor:{
    type:'numberbox',
    options:{
      precision:1
    }
  }
},

Yes, you can disable a input box.

Code:

<input type id="unitId" name="unit" disabled="disabled"></input>

A disabled input box has no validating actions on it but can't accept any entering chars. If you only want to disable the validation, set 'novalidate' property to true.

Code:

$('#unitId').validate({
  novalidate:true
});

Please call 'disableValidation' method to disable validation.

Extending a new method to achieve this functionality may be a better way. The code below is the implementation of 'resizeColumn' method that can be used to resize a column programmatically.

Code:

$.extend($.fn.datagrid.methods,{
	resizeColumn:function(jq,param){
		return jq.each(function(){
			var dg = $(this);
			var col = dg.datagrid('getColumnOption', param.field);
			col.boxWidth = param.width + (col.boxWidth-col.width);
			col.width = param.width;
			dg.datagrid('fixColumnSize', param.field);
		})
	}
})

For example, to resize the 'itemid' column's size, you can call 'resizeColumn' method. The code looks like this:

Code:

$('#mygrid').datagrid('resizeColumn', {
  field: 'itemid',
  width: 200
});

You can call 'options' method to get the options of a object. Some properties such as 'onBeforeLoad' can be modified directly on this 'options' object. Try this:

Code:

$('#tt').tree('options').onBeforeLoad = function(){...}