layui表格分頁 記錄勾選的實(shí)例
layui 分頁之后沒有記錄之前勾選項(xiàng)的功能 , 自己寫了一個(gè) , 主要點(diǎn)就是表格的done 函數(shù) ,每次渲染完成之后做表格勾選操作。然后需要一個(gè)全局變量記錄所有已經(jīng)勾選的項(xiàng) 。下面是自己的代碼 。
首先,監(jiān)聽表格的復(fù)選框點(diǎn)擊事件 , 將單選或全選全部記錄下來
var checkArray = new Array();
// 當(dāng)前頁數(shù)據(jù)
var currentArray ;
//監(jiān)聽行單擊事件(單擊事件為:rowDouble)
table.on('checkbox(test)', function(obj){
var checkData = obj.data ;
// 如果是全選中
if(obj.type == 'all' && obj.checked == true){
var checkStatus = table.checkStatus('demo')
,data = checkStatus.data;
for(var i in data){
// 如果包含就去掉 ,不包含就添加
if(checkArray.indexOf(data[i].eventTypeName) > -1){
}else {
checkArray.push(data[i].eventTypeName) ;
}
}
}
// 全不選中
else if(obj.type == 'all' && obj.checked == false){
for(var i in currentArray){
checkArray.remove(currentArray[i].eventTypeName) ;
}
}
// 如果是單選
else {
var eventTypeName = checkData.eventTypeName ;
// 如果包含就去掉 ,不包含就添加
if(checkArray.indexOf(eventTypeName) > -1){
checkArray.remove(eventTypeName) ;
}else {
checkArray.push(eventTypeName) ;
}
}
});
然后 ,
done: function(res, curr, count){
//如果是異步請(qǐng)求數(shù)據(jù)方式,res即為你接口返回的信息。
//如果是直接賦值的方式,res即為:{data: [], count: 99} data為當(dāng)前頁數(shù)據(jù)、count為數(shù)據(jù)總長(zhǎng)度
currentArray = res.data ;
//.假設(shè)你的表格指定的 id="maintb",找到框架渲染的表格
var tbl = $('#demo').next('.layui-table-view');
// 渲染選擇框
for(var i in currentArray){
for(var j in checkArray){
if(currentArray[i].eventTypeName == checkArray[j]){
tbl.find('table>tbody>tr').eq(i).find('td').eq(0).find('input[type=checkbox]').prop('checked', true);
}
}
}
form.render('checkbox');
}
以上這篇layui表格分頁 記錄勾選的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- php+layui數(shù)據(jù)表格實(shí)現(xiàn)數(shù)據(jù)分頁渲染代碼
- thinkphp5+layui實(shí)現(xiàn)的分頁樣式示例
- layui+jquery支持IE8的表格分頁方法
- layui 數(shù)據(jù)表格+分頁+搜索+checkbox+緩存選中項(xiàng)數(shù)據(jù)的方法
- layui table 獲取分頁 limit的方法
- 淺談layui分頁控件field參數(shù)接收對(duì)象的問題
- 淺談layui框架自帶分頁和表格重載的接口解析問題
- Layui之table中的radio在切換分頁時(shí)無法記住選中狀態(tài)的解決方法
- Layui實(shí)現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁)
相關(guān)文章
JS動(dòng)態(tài)修改iframe高度和寬度的方法
這篇文章主要介紹了JS動(dòng)態(tài)修改iframe高度和寬度的方法,實(shí)例分析了javascript操作iframe屬性的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
Javascript表單驗(yàn)證要注意的事項(xiàng)
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。被 JavaScript 驗(yàn)證的這些典型的表單數(shù)據(jù)有:用戶是否已填寫表單中的必填項(xiàng)目?用戶輸入的郵件地址是否合法?用戶是否已輸入合法的日期?用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本?2014-09-09
iframe父子頁面實(shí)現(xiàn)共用滾動(dòng)條的常見方法
在開發(fā)過程中,有時(shí)候需要用到iframe復(fù)用不同域名下的頁面內(nèi)容,為了提供連貫的用戶體驗(yàn),經(jīng)常需要在主頁面(父頁面)和iframe子頁面之間共享滾動(dòng)位置,本文將介紹其中較為常見的一種方法來實(shí)現(xiàn)iframe父子頁面共用滾動(dòng)條,需要的朋友可以參考下2024-05-05

