解決LayUI分頁中checkbox的快取問題

2021-09-26 08:33:28 字數 1261 閱讀 6354

本篇部落格主要講解的是如何解決layui分頁中checkbox的快取問題,首先配合**簡單概述一下會出現的問題。

上圖顯示的是指定班級下的全部學生概要資訊,從圖中可以看出該班下一共有三名學生,每頁顯示兩條學生概要資訊,則第三名學生的概要資訊就會出現在第二頁。緊接著問題就出現了,layui分頁的checkbox目前沒有現成的快取功能,所以就會導致乙個問題。假定我想選中三名學生的資訊進行匯出操作,這時我第一頁的ckeckbox處在乙個全選的狀態,翻到第二頁的時候,分頁進行了過載,根據checkbox收集的學生id就會消失,與原意願不相符。現在我希望在第一頁全選後,翻到第二頁過載時快取先前的checkbox選項,並且在返回第一頁時,根據快取判斷checkbox是否應該被check,被移除也是同理。

在描述過問題後,說一下思路,核心就是宣告全域性變數用來快取checkbox的操作。

var quanju = new array();//全域性

var huancun = new array();//快取

並且在分頁的done屬性中編寫函式,讓它每次過載分頁時根據全域性變數對checkbox進行預設的選中操作,移除同理。

done: function(res, curr, count)}}

//設定全選checkbox的選中狀態,只有改變lay_checked的值, table.checkstatus才能抓取到選中的狀態

//設定全選checkbox的選中狀態,只有改變lay_checked的值, table.checkstatus才能抓取到選中的狀態

var checkstatus = table.checkstatus('studenttable');//這裡的studenttable是指分頁中的id

if(checkstatus.isall)

}

以上是解決問題的思路和方法,下面附上全部的**。

以上就是解決checkbox快取問題的解決方法。

在這裡解釋一下,雖然layui的*******工具條自帶頁面內容的匯出功能,但是不符合專案需求,因為我要在這個學生概要資訊頁面中,根據學生的id去資料庫多表連線查詢一系列的學生詳細資訊進行匯出,所以並沒有使用layui工具條中自帶的匯出功能。匯出部分使用poi後台操作,poi的開發和使用文件已經上傳過。已經附在部落格上,文件十分詳細,如果有需要的可以參考poi的開發和使用文件。

layui實現分頁

分頁在頁面上的顯示 id demo2 div 後台需要傳過來兩個引數,乙個是count,資料總數 乙個是page,當前頁 var nums 10 var count count val layui.use laypage function 當前頁 後台獲取到的 return page page 1 ...

layui滾動分頁

首先,分頁必須傳的引數就是頁碼,以及每頁幾條資料 以下是我個人的 function function scrollpage success function obj html input type text textarea val 觸發reset,將表單裡的值清空 commentlist html...

layui實現簡單分頁

第一次寫,有點小緊張!對layui分頁做乙個簡單的總結。首先引用layui和jquery的js就不用再說了,寫一下重點內容 1 定義乙個id為pagebox的div,用於顯示分頁 2 宣告當前頁和總頁數變數 var currpage 1 var pagecount 3 建立分頁的方法 functio...