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
});
}
文章来源地址https://www.toymoban.com/news/detail-611432.html
文章来源:https://www.toymoban.com/news/detail-611432.html
到了这里,关于Easyui中datagrid切换页码后,再次根据其他条件查询,重置为第一页,序号从1开始显示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!