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();
}