jquey easyui 常用方法

版本：1.4.2

一、easyui -textbox:

1、去空格：

$("#tt1").textbox({
  onChange: function(value){
  var _trim = $.trim(value);
    $("#tt1").textbox("setValue", _trim);
  }
});

二、combogrid 

1、失去焦点

  $(document).ready(function () {
            $("#cc").next().find(":text").blur(function () { 
                alert("1")
            });
   });

2、关于事件

$("#cc").combogrid({
    	onSelect:function(index,row){
        				
    	},
    	onChange:function(newVal ,oldVal){
            alert("newVal:" +newVal);
            alert("oldVal:" +oldVal);
            alert("getValue:" + $("#cc").combogrid("getValue"));
        				
            var g = $("#cc").combogrid("grid");	// get datagrid object
	    var r = g.datagrid("getSelected");	// get the selected row
	    if(r ==null)
		alert("null");
	    else
		alert("not null");
    	}
});

三、easyui-datagrid

1、分页：

html:

<table id="dg" class="easyui-datagrid" title="列表" style="width:1050px;height:240px;"
data-options="singleSelect:true">
<thead>
<tr>
<th data-options="field:"xh",width:80,align:"center"">序号</th>
<th data-options="field:"name",width:80,align:"center"">名称</th>
</tr>
</thead>
</table>
<div class="easyui-panel" style="width:1050px;">
        <div id="pp" class="easyui-pagination" 
        data-options="
        pageSize:20,
        pageList:[20,30,50,100],
        showRefresh:false,
        total:114" ></div>
    </div>

javascript:

var _pageSize =20;	// 每页条数
var _pageNumber =1; // 当前页 
var _xm =""; // 姓名 
var _start =""; // 开始日期 
var _end =""; // 结束日期 
function getData() 
{ 
	var _data = null; 
	$.ajax({
		type : "post",
		url : "xxxxx/xx/InitGrid",
		data : {"pageNumber": _pageNumber,"pageSize": _pageSize,"XM": _xm,"start": _start,"end" : _end},
		async : false,
		success : function(data) {
			_data = eval("(" + data + ")");
			}
		});
			
		return _data; 
		} 

// 主调函数 
function load_grid() 
{ 
	var _data = getData(); 
	$("#dg").datagrid({data: _data});
	paging_grid( _data); 
} 
function paging_grid( _data) 
{ 
	$("#pp").pagination({ 
		total: _data.total, 
		onSelectPage: function(pageNumber, pageSize){ _pageNumber = pageNumber; _pageSize = pageSize; load_grid(); }}); 
}
// 重新加载grid
function refreshGrid() {

    _pageNumber =1; 
    _pageSize = $("#pp").pagination("pageSize");
    $("#pp").pagination({
    	pageSize: _pageSize,
    	pageNumber: _pageNumber
    }); 
    
    load_grid();
}

// 查询
function find(){

_xm = $("#name").textbox("getValue");
_start = $("#start").datebox("getValue");
_end = $("#end").datebox("getValue");
refreshGrid();
   }