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

事實上,layui更多是面向于后端開發者,所以在組織形式上毅然采用了幾年前的以瀏覽器為宿主的類 AMD 模塊管理方式,卻又并非受限于 CommonJS 的那些條條框框,它擁有自己的模式,更加輕量和簡單。layui 定義為“經典模塊化”,并非是刻意強調“模塊”理念本身,而是有意避開當下 JS 社區的主流方案,試圖以盡可能簡單的方式去詮釋高效!它的所謂經典,是在于對返璞歸真的執念,它以當前瀏覽器普通認可的方式去組織模塊! layui 認為這種輕量的組織方式,仍然可以填補 WebPack 以外的許多場景。所以它堅持采用經典模塊化,也正是能讓人避開工具的復雜配置,重新回歸到原生態的 HTML/CSS/JavaScript本身。
使用layui table過程中,將某一列的數據格式進行轉換,或者將0/1狀態改為是/否,或者將數字改為星星評分顯示的時候都會遇到一個問題,我的表格數據轉換成其他形式,同時設置了sort:true,此時,點擊排序按鈕之后,該列數據就消失了。如何解決呢?
只需要設置一個目標table的sort排序重新向服務端發送請求即可。
table.on('sort(這里是table的id)', function(obj){ //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對應的值"
//盡管我們的 table 自帶排序功能,但并沒有請求服務端。
//有些時候,你可能需要根據當前排序的字段,重新向服務端發送請求,從而實現服務端排序,如:
table.reload('這里是layui-table定義時候的elem', {
initSort: obj //記錄初始排序,如果不設的話,將無法標記表頭的排序狀態。 layui 2.1.1 新增參數
,where: { //請求參數(注意:這里面的參數可任意定義,并非下面固定的格式)
field: obj.field //排序字段
,order: obj.type //排序方式
}
});
});關于layui中table模塊將表格數據處理后的排序問題就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網頁標題:layui中table模塊將表格數據處理后的排序問題怎么解決-創新互聯
瀏覽地址:http://www.yijiale78.com/article10/djjogo.html
成都網站建設公司_創新互聯,為您提供Google、品牌網站設計、App開發、標簽優化、全網營銷推廣、網站改版
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯