使用layui table過程中,將某一列的數(shù)據(jù)格式進(jìn)行轉(zhuǎn)換,或者將0/1狀態(tài)改為是/否,或者將數(shù)字改為星星評(píng)分顯示的時(shí)候都會(huì)遇到一個(gè)問題,我的表格數(shù)據(jù)轉(zhuǎn)換成其他形式,同時(shí)設(shè)置了sort:true,此時(shí),點(diǎn)擊排序按鈕之后,該列數(shù)據(jù)就消失了。如何解決呢?
只需要設(shè)置一個(gè)目標(biāo)table的sort排序重新向服務(wù)端發(fā)送請(qǐng)求即可。
table.on('sort(這里是table的id)', function(obj){ //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對(duì)應(yīng)的值" //盡管我們的 table 自帶排序功能,但并沒有請(qǐng)求服務(wù)端。 //有些時(shí)候,你可能需要根據(jù)當(dāng)前排序的字段,重新向服務(wù)端發(fā)送請(qǐng)求,從而實(shí)現(xiàn)服務(wù)端排序,如: table.reload('這里是layui-table定義時(shí)候的elem', { initSort: obj //記錄初始排序,如果不設(shè)的話,將無法標(biāo)記表頭的排序狀態(tài)。 layui 2.1.1 新增參數(shù) ,where: { //請(qǐng)求參數(shù)(注意:這里面的參數(shù)可任意定義,并非下面固定的格式) field: obj.field //排序字段 ,order: obj.type //排序方式 } }); });
推薦:layui教程