關於layui中tablle 渲染數據后 sort排序問題


最近在使用easyweb框架做后台管理,案例可見https://gitee.com/whvse/EasyWeb。

其中遇到了 sort排序問題,

html代碼:<table class="layui-table" id="userList-table" lay-filter="userList-table"></table>


js代碼: layui.use(['form', 'table', 'util', 'config', 'admin'], function () {
var form = layui.form;
var table = layui.table;
var config = layui.config;
var layer = layui.layer;
var util = layui.util;
var admin = layui.admin;
var access_token=config.getToken().access_token;

// 渲染表格
table.render({
id:'userList-table',
elem: '#userList-table',
url: config.base_server + 'gameend/userList',
method: 'GET',
where: {
access_token: access_token
},
page: true,
limit: 100,
cols: [[
{type: 'numbers'},
{field: 'username', title: '用戶名'},
{field: 'nickname', sort: false, title: '昵稱'},
{field: 'points', sort: true, title: '積分'},
{field: 'drawnum', sort: false, title: '抽獎次數'},
{field: 'invitenum', sort: true, title: '邀請好友數'},
{field: 'ip', sort: false, title: 'ip注冊地'},
{field: 'createtime', sort: false, title: '注冊時間'},
{field: 'status', sort: false, templet: '#userList-tpl-state', title: '狀態'},
{align: 'center', toolbar: '#userList-table-bar', title: '操作'},
{align: 'center', toolbar: '#userInfo-table-bar', title: '查看詳情'},
]],
done: function(res, page, count){
//如果是異步請求數據方式,res即為你接口返回的信息。
//如果是直接賦值的方式,res即為:{data: [], count: 99} data為當前頁數據、count為數據總長度

$("[data-field='points']").each(function(){
$(this).addClass("points");
});
$("[data-field='drawnum']").each(function(){
$(this).addClass("drawnum");
});
$("[data-field='10']").each(function(){
$(this).addClass("ckxq");
})


}
});


var type="";
table.on('sort(userList-table)', function(obj) { //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對應的值"
// console.log(obj.field); //當前排序的字段名
//console.log(obj.type); //當前排序類型:desc(降序)、asc(升序)、null(空對象,默認排序)
//console.log(this); //當前排序的 th 對象

//type 0 積分降序 1積分升序 2邀請數降序 3邀請數升序
//
if(obj.field=="points"){ //積分排序
if(obj.type=="desc"){ //降序 type=0
type=0;
}else if(obj.type=="asc"){ //升序 type=1
type=1;
}else if(obj.type==null){
type="";
}
}

if(obj.field=="invitenum"){ //積分排序
if(obj.type=="desc"){ //降序 type=0
type=2;
}else if(obj.type=="asc"){ //升序 type=1
type=3;
}else if(obj.type==null){
type="";
}
}

//console.log(type);
      table.reload('userList-table', {
       initSort: obj, //記錄初始排序,如果不設的話,將無法標記表頭的排序狀態。 layui 2.1.1 新增參數
       where: {
       access_token: access_token,
     type:type
    }});
  
      });


});


參考文檔:http://www.cnblogs.com/Ofsoul/p/9633397.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM