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

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

公司主營業(yè)務(wù):成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出惠州免費做網(wǎng)站回饋大家。

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

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

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

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

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

文章名稱:layui中table模塊將表格數(shù)據(jù)處理后的排序問題怎么解決
文章轉(zhuǎn)載:http://muchs.cn/article2/ghehoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計、ChatGPT用戶體驗、網(wǎng)站改版移動網(wǎng)站建設(shè)、定制網(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)

成都做網(wǎng)站