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

这篇具有很好参考价值的文章主要介绍了Easyui中datagrid切换页码后,再次根据其他条件查询,重置为第一页,序号从1开始显示。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

到了这里,关于Easyui中datagrid切换页码后,再次根据其他条件查询,重置为第一页,序号从1开始显示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 三个常用查询:根据用户名 / token查询用户信息+链表分页条件查询

    目录 1.根据用户名或者token查询用户信息 会员信息实体类 统一状态Result类  controller层 service层及实现类 dao层 测试: 2.链表分页条件查询 会员等级实体类 封装条件类PageVo  controller层 service层及实现类 dao层 Mapper.xml层 测试 vue前端参考 mybatisplus... 微服务项目前期环境:项目搭

    2024年02月15日
    浏览(47)
  • 1 请使用js、css、html技术实现以下页面,表格内容根据查询条件动态变化。

            注意:         1.背景颜色用ppt的取色器来获取:                 先点击ppt的形状轮廓,然后点击取色器,吸颜色,然后再点击形状轮廓的其他轮廓颜色,即可获取到对应颜色。           2.表格间的灰色线是在th和td中用border属性设置的;         3.在js中拼

    2024年02月16日
    浏览(46)
  • MySQL如何查询根据某一条件分组,再查询出每组数据中时间最早或最晚的数据

    最近遇到个需求,需要先根据A条件进行分组,然后查询出每组数据中时间最近的一条数据,立马就写出了sql语句 但是执行了一下,发现不对,子查询中 order by 貌似失效了,查出来的数据并不是要想要的时间最近的数据。 经过我的研究,发现,想要子查询中使用order by生效,

    2024年03月09日
    浏览(49)
  • element-UI 分页器Bug,切换页码,页码改变但是页码高亮未变化

    Element-UI提供了分页器的两个方法,handleSizeChange和handleCurrentChange,然而在实际使用中,却发现再切换页面展示数量的时候,会出现一些BUG, 页面刷新了,高亮页码却还是上次选择的页面。可以用以下方法解决; 翻看element文档中发现有current-page,当前页数,支持 .sync 修饰符

    2024年02月16日
    浏览(35)
  • easyui tabs切换

    easyui tabs切换之前提醒保存修改的信息 当存在多个tabs,相互切换时提醒保存修改的信息: 这里用的鼠标mousedown事件 例子:一个tab标签页面内有定时器,需要不在当前页时暂定并保存,回到当前页面时,继续 关闭标签或页面,需要保存的情况: 关闭tab相关的情况: 右键关闭所

    2024年02月16日
    浏览(49)
  • Java-WebSocket通信 实现根据查询条件主动实时回传数据给前端&List<Map<String, Object>>转JSON编码器&WebSocket无法注册Bean问题解决方案

    项目背景:Java环境,Get请求根据前端查询条件建立WebSocket连接,每5秒主动实时推送最新查询结果给前端展示。其中也遇到定时器、WebSocket无法注册Bean、No encoder specified for object of class [class java.util.xxx]等问题,相关解决方案也有列举~ Web Sockets 的是在一个单独的持久连接上提

    2024年02月04日
    浏览(50)
  • C#根据DataTable中的不同值为asp:DataGrid中的不同行或单元格设置不同的颜色

    要根据 DataTable 中的不同值为 asp:DataGrid 中的不同行或单元格设置不同的颜色,可以在服务器端代码中根据数据绑定的时机来动态设置样式。以下是一个示例,演示如何根据 DataTable 中的不同值为 asp:DataGrid 的不同行设置不同的背景颜色 asp:DataGrid ID=\\\"dataGrid\\\" runat=\\\"server\\\" AutoGener

    2024年02月09日
    浏览(41)
  • easyui combobox下拉框组件输入检索全模糊查询

            easyui下拉组件(combobox),输入检索下拉内容,是默认的右模糊匹配,而且不支持选择。因业务要求需要做成全模糊查询,目前网上搜索有两种方案:         1.修改easyui源码,这个得看运气,每个项目easyui版本不相同,文章里提供的源码位置我这个版本没有对

    2024年04月15日
    浏览(45)
  • linux 根据时间条件删除日志

    删除今天之间的日志文件 ===================================== 这个命令会在/path/to/log/files目录下查找所有扩展名为.log的文件,并检查它们的时间戳,如果时间戳超过7天,则删除这些文件。 配置crontab 表达式,每天凌晨两点执行

    2024年02月14日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包