layui中table模塊將表格數(shù)據(jù)處理后的排序問(wèn)題怎么解決

layui中table模塊將表格數(shù)據(jù)處理后的排序問(wèn)題怎么解決？針對(duì)這個(gè)問(wèn)題，這篇文章給出了相對(duì)應(yīng)的分析和解答，希望能幫助更多想解決這個(gè)問(wèn)題的朋友找到更加簡(jiǎn)單易行的辦法。

事實(shí)上，layui更多是面向于后端開發(fā)者，所以在組織形式上毅然采用了幾年前的以瀏覽器為宿主的類 AMD 模塊管理方式，卻又并非受限于 CommonJS 的那些條條框框，它擁有自己的模式，更加輕量和簡(jiǎn)單。layui 定義為“經(jīng)典模塊化”，并非是刻意強(qiáng)調(diào)“模塊”理念本身，而是有意避開當(dāng)下 JS 社區(qū)的主流方案，試圖以盡可能簡(jiǎn)單的方式去詮釋高效！它的所謂經(jīng)典，是在于對(duì)返璞歸真的執(zhí)念，它以當(dāng)前瀏覽器普通認(rèn)可的方式去組織模塊！ layui 認(rèn)為這種輕量的組織方式，仍然可以填補(bǔ) WebPack 以外的許多場(chǎng)景。所以它堅(jiān)持采用經(jīng)典模塊化，也正是能讓人避開工具的復(fù)雜配置，重新回歸到原生態(tài)的 HTML/CSS/JavaScript本身。

使用layui table過(guò)程中，將某一列的數(shù)據(jù)格式進(jìn)行轉(zhuǎn)換，或者將0/1狀態(tài)改為是/否，或者將數(shù)字改為星星評(píng)分顯示的時(shí)候都會(huì)遇到一個(gè)問(wèn)題，我的表格數(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 自帶排序功能，但并沒(méi)有請(qǐng)求服務(wù)端。
          //有些時(shí)候，你可能需要根據(jù)當(dāng)前排序的字段，重新向服務(wù)端發(fā)送請(qǐng)求，從而實(shí)現(xiàn)服務(wù)端排序，如：
          table.reload('這里是layui-table定義時(shí)候的elem', {
              initSort: obj //記錄初始排序，如果不設(shè)的話，將無(wú)法標(biāo)記表頭的排序狀態(tài)。 layui 2.1.1 新增參數(shù)
              ,where: { //請(qǐng)求參數(shù)（注意：這里面的參數(shù)可任意定義，并非下面固定的格式）
                  field: obj.field //排序字段
                  ,order: obj.type //排序方式
              }
          });
      });

關(guān)于layui中table模塊將表格數(shù)據(jù)處理后的排序問(wèn)題就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。