layui所有数据排序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了layui所有数据排序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1867字，纯文字阅读大概需要3分钟。

内容图文

去掉自带排序 [autoSort: false]

table.render({
     elem: '#test'
   , url: '/DataShow/WarnEventList' //数据接口
   , where: { 
   bm: document.getElementById("deptFj").value,
    bdz: $('#subsFj').val()
    } //如果无需传递额外参数，可不加该参数
   , width: '100%'
   , height: h
   , autoSort: false //去掉自排序
   , id: 'testReload'
   , cols: [[
     { type: 'checkbox',  fixed: 'left' }
      //{ field: 'zizeng', width: 49, title: '序号', fixed: 'left', type: 'numbers' }
     //, { field: 'ID', width: w * 0.1, title: 'ID', fixed: 'left' }
     , {
         field: 'LINE_NAME', width: w * 0.1, title: '线路' 
     },
     , {
         field: 'FILETYPE', width: w * 0.1, title: '类型' , templet:
         function (d) {
             if (d.FILETYPE == "0") {
                 return "<span style='color:red;'>故障录波</span>";
             } else if (d.FILETYPE == "1") {
                 return "<span style='color:blue;'>召唤录波</span>";
             } else{
                 return "<span>其他</span>";
             }
         }
     }
     , { field: 'INSERTTIME', width: w * 0.2, title: '数据时间', sort: true }
     , { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 170 }
   ]]
   , page: true   //开启分页
   , limit: 20      //每页显示数
   , limits: [10, 20, 30, 40, 50, 60, 70, 80, 90]
   , async: false  //false同步， true异步
     //, text: {
     //    none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
     //}
 });

定义全局变量

var orderby = ""; var ordertype = "desc";
function getpx(orderby, ordertype) { }

重写排序,后台请求传排序字段

// 自定义排序
table.on('sort(test)', function (obj) {
    table.reload('testReload', {
        where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
            bm: document.getElementById("deptFj").value,
            bdz: $('#subsFj').val(),
            field: obj.field, //排序字段
            order: obj.type //排序方式
        },
    });
    if (obj.field == 'FILESIZE') {
        orderby = "FILESIZE";
    } else if (obj.field == 'STATE') {
        orderby = "STATE";
    } else if (obj.field == 'INSERTTIME') {
        orderby = "INSERTTIME";
    }
    if (obj.type == 'desc') {
        ordertype = 'desc';
    } else if (obj.type == 'asc') {
        ordertype = 'asc';
    }
    getpx(orderby, ordertype);
});

内容总结

以上是互联网集市为您收集整理的layui所有数据排序全部内容，希望文章能够帮你解决layui所有数据排序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---