当前位置:首页 > LayUI > 关键词 > sort > 正文

layui触发排序切换,如何实现全局排序

layui触发排序切换,如何实现点击全局排序

layui全局排序

layui默认提供有sort排序,但是仅针对当前页面中的数据,无法兼顾全局数据排序。

如果需要全局排序,需要后台程序支持才可以实现。

可以在layui触发排序事件上改进下。本功能必须配合后台程序否则无效。

实现方法

<table class="layui-table" id="list" lay-filter="list"></table>

为了便于后续,id和lay-filter都设置成了list

//监听排序事件 
table.on('sort(list)',
function(obj) {
    table.reload('list', {
        initSort: obj, //记录初始排序,如果不设的话,将无法标记表头的排序状态。
        where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
            field: obj.field,//排序字段
            order: obj.type //排序方式
        }
    });
});
$field = input('field');
$order = input('order');
if(empty($order)){
    $order = "id desc";//默认id倒序
}else{
    $order = "{$field} {$order}";//根据lay排序
}

总结

其实这个主要还是后台程序对数据进行重新排序操作,并非纯前端行为。

本文属原创,转载请注明原文:https://zhimatong.com/jiaocheng/811.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

随手消灭0赞