layui中table模塊將表格數(shù)據(jù)處理后的排序問題怎么解決-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)建站是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站制作，網(wǎng)站設(shè)計，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。10余年品質(zhì)，值得信賴！

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

使用layui table過程中，將某一列的數(shù)據(jù)格式進(jìn)行轉(zhuǎn)換，或者將0/1狀態(tài)改為是/否，或者將數(shù)字改為星星評分顯示的時候都會遇到一個問題，我的表格數(shù)據(jù)轉(zhuǎn)換成其他形式，同時設(shè)置了sort:true，此時，點擊排序按鈕之后，該列數(shù)據(jù)就消失了。如何解決呢？

只需要設(shè)置一個目標(biāo)table的sort排序重新向服務(wù)端發(fā)送請求即可。

table.on('sort(這里是table的id)', function(obj){ //注：tool是工具條事件名，test是table原始容器的屬性 lay-filter="對應(yīng)的值"
          //盡管我們的 table 自帶排序功能，但并沒有請求服務(wù)端。
          //有些時候，你可能需要根據(jù)當(dāng)前排序的字段，重新向服務(wù)端發(fā)送請求，從而實現(xiàn)服務(wù)端排序，如：
          table.reload('這里是layui-table定義時候的elem', {
              initSort: obj //記錄初始排序，如果不設(shè)的話，將無法標(biāo)記表頭的排序狀態(tài)。 layui 2.1.1 新增參數(shù)
              ,where: { //請求參數(shù)（注意：這里面的參數(shù)可任意定義，并非下面固定的格式）
                  field: obj.field //排序字段
                  ,order: obj.type //排序方式
              }
          });
      });

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：layui中table模塊將表格數(shù)據(jù)處理后的排序問題怎么解決-創(chuàng)新互聯(lián)
瀏覽地址：http://muchs.cn/article10/djjogo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、品牌網(wǎng)站設(shè)計、App開發(fā)、標(biāo)簽優(yōu)化、全網(wǎng)營銷推廣、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)