1、查询按钮

<a href="javascript:Query(1,true)" id="btnQuery" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">查询</a>

2、datagrid的查询方法

function Query(pageIndex, boolen) {if (boolen) {//当我们点击查询按钮的时候，进行重置，从第一页序号1开始显示setFirstPage('#tt');}$.ajax({data: {ajaxMethod: 'ajaxGetList',pageIndex: pageIndex,pageSize: $('#tt').datagrid('getPager').pagination('options').pageSize,roles: $("#RoleName").combobox('getValues').toString(),},type: "post",dataType: 'json',cache: false,async: false,success: function (data) {$('#tt').datagrid('loadData', { 'total': data.recordCount, 'rows': data.recordInfo });}});
}

3、datagrid点击分页

 $('#tt').datagrid({url: null,pagination: true,pageNumber: 1,pageSize: 20,pageList: [20, 50, 100],rownumbers: true,emptyMsg: '当前查无数据',fitColumns: false,fit: true,singleSelect: true,columns: [[{ field: 'FID', title: '编号', width: 120, align: 'left', halign: 'center' },{ field: 'FROLE', title: '角色', width: 120, align: 'left', halign: 'center' },{ field: 'FROLEVIEW', title: '角色权限', width: 300, align: 'center', halign: 'center' },{ field: 'FISACTIVE', title: '启用', width: 80, align: 'center', halign: 'center',formatter: function (value) {if (value == '1') {return '<span style="color:blue">是</span>';}else if (value == '0') {return '<span style="color:red">否</span>';}}}]],toolbar: '#tb',onDblClickRow: function (rowIndex, rowData) {.................},doPagination: function (pPageIndex, pPageSize) {//我们在点击切换页码的时候不做重置Query(pPageIndex);}});

4、重置方法

function setFirstPage(Ids) {var opts = $(Ids).datagrid("options");var pager = $(Ids).datagrid("getPager");opts.pageNumber = 1;opts.pageSize = opts.pageSize;pager.pagination("refresh", {pageNumber: 1,pageSize: opts.pageSize});
}