Layui排序只排序当前页的解决方式

layui的默认排序只排序当前页,如何给所有的数据排序呢?

首先在table实例中关闭自动排序
在这里插入图片描述
接下来就是自己设定排序规则:

//监听排序    设置排序规则
        table.on('sort(test)', function(obj){
   
            table.reload('a', {
   
                initSort: obj //记录初始排序
                , where: {
    
                    field: obj.field //排序字段
                    , order: obj.type //排序方式
                }
            });
        });

这里的a为table实例的id,test为lay-filter

在这里插入图片描述

为了方便偷下懒,写个测试

 @RequestMapping
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在使用 layui 表格组件进行排序时,你可以按照以下步骤操作: 1. 在 HTML 中定义一个基本的表格结构,使用 layui表格组件。例如: ```html <table id="demo" lay-filter="test"></table> ``` 2. 在 JavaScript 中,使用 layui表格模块进行初始化,并配置排序功能。例如: ```javascript layui.use('table', function(){ var table = layui.table; table.render({ elem: '#demo', url: '/your/data/url', // 设置数据接口 page: true, // 开启分页 cols: [[ {field: 'id', title: 'ID', sort: true}, // 设置需要排序的字段 {field: 'name', title: '姓名'}, {field: 'score', title: '分数', sort: true}, ]] }); }); ``` 在上面的代码中,`sort: true` 表示该字段支持排序。 3. 当用户点击表头时,会自动触发排序事件。你可以监听 `sort` 事件,获取排序参数,并重新加载表格数据。例如: ```javascript table.on('sort(test)', function(obj){ // obj.field 为当前排序的字段名 // obj.type 为当前排序的类型,可能的值有:desc(降序)、asc(升序)、null(默认排序) // 重新加载表格数据 table.reload('demo', { initSort: obj, // 设置初始排序参数 where: { field: obj.field, // 将排序字段传递到后端 order: obj.type // 将排序类型传递到后端 } }); }); ``` 在这里,你可以根据 `obj.field` 和 `obj.type` 来发送请求,获取排序后的数据。 这样,通过以上步骤配置后,你的 layui 表格就支持排序功能了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值