Easyui中datagrid切换页码后,再次根据其他条件查询,重置为第一页,序号从1开始显示

Easyui中datagrid切换页码后,再次根据其他条件查询,无法将序号重置为1开始显示

1、查询按钮

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

2、datagrid的查询方法

javascript 复制代码
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点击分页

javascript 复制代码
 $('#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、重置方法

javascript 复制代码
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
    });
}
相关推荐
韩师傅18 小时前
前端开发消亡史:AI也无法掩盖没有设计创造力的真相
前端·人工智能·后端
XiaoYu200218 小时前
第12章 支付宝SDK
前端
双向3318 小时前
RAG的下一站:检索增强生成如何重塑企业知识中枢?
前端
拖拉斯旋风18 小时前
从零开始:使用 Ollama 在本地部署开源大模型并集成到 React 应用
前端·javascript·ollama
asing18 小时前
🤯 为什么我的收银台在鸿蒙系统“第一次返回”死活拦不住?一次差点背锅的排查实录
前端·harmonyos
德育处主任19 小时前
『NAS』在群晖部署图片压缩工具-Squoosh
前端·javascript·docker
Hao_Harrision19 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| ThreeDBackgroundBoxes(3D背景盒子组件)
前端·3d·typescript·react·tailwindcss·vite7
加个鸡腿儿19 小时前
经验分享2:SSR 项目中响应式组件的闪动陷阱与修复实践
前端·css·架构
心.c19 小时前
如何基于 RAG 技术,搭建一个专属的智能 Agent 平台
开发语言·前端·vue.js
智航GIS19 小时前
10.7 pyspider 库入门
开发语言·前端·python