layui表格數據復選框回顯設置方法
更新時間：2019年09月13日 13:58:38 作者：浪里騷氣濺淫花
今天小編就為大家分享一篇layui表格數據復選框回顯設置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layui2.3版本，本身并不帶有復選框回顯功能，那么需要從源頭解決此事，F12代碼調試，找到與復選框關聯的地方發(fā)現：
我們只需要在渲染數據回調時找到每個復選框根據數據的不同來設置回顯。
layui這里有一個坑，設置class屬性后會造成二次點擊效果，千萬不要手動修改class屬性，那么應該怎么辦呢？
每次**點擊**其中一個復選框時都會增加一個class屬性，第二次點擊又會給刪除：
table.render({
elem: '#LAY_table_topic',
url: '/admin/topicHandle/getTopicList',
height: 600,
done:function(result,currPage,count){//數據回調方法
var data = result.data;
data.forEach(function(value, key) {
//這里必須選擇點擊方法，不知為何添加layui-form-checked class屬性會造成二次點擊（即下次點擊必須點擊兩下才能生效）bug，
//所有類似的手動修改class貌似都會造成二次效果
if(value.read_total > 10){
$("div[lay-id='topicList'] td .layui-form-checkbox").eq(key).click();
}
})
},
cols: [[
{ type:'checkbox'},
{ field:'id', title: '話題ID', width: 80 },
{ field:'image_url', title: '圖片', width: 100 , templet:"#showPic"},
{ field:'content', title: '話題內容', width: 260 },
{ field:'read_total', title: '閱讀次數', width: 100 , sort:true},
]],
id: 'topicList',
page: true
});
以上這篇layui表格數據復選框回顯設置方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
從零開始做一個pagination分頁組件，這篇文章主要介紹了pagination分頁組件的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
支持ie與FireFox的剪切板代碼，包括讀取與寫入剪切板的實現代碼。2009-09-09
在JavaScript中處理CSV文件時,需要特別注意一些特殊字符,例如逗號、雙引號、換行符等,這些字符可能會影響CSV文件的解析,導致數據錯亂,所以本文給大家介紹了如何解決JavaScript導出CSV文件不完整的問題,需要的朋友可以參考下2024-06-06
這篇文章主要介紹了JavaScript實現的MD5算法,以完整實例形式分析了基于JavaScript實現MD5算法的具體步驟與相關技巧,需要的朋友可以參考下2016-02-02
JS控制CSS樣式,首先得確定一點,CSS與HTML頁面的鏈接方式,因為CSS有3種與HTML頁面結合的方式,不同的方式也會產生不同的結果.2009-08-08
js獲取URL的參數的方法(getQueryString)示例
getQueryString方法默認返回的是 string如果是int類型，則JS使用的時候，要進行轉換一下，下面有個不錯的示例，大家可以參考下2013-09-09
這篇文章主要介紹了JS 調用微信掃一掃功能,本文給大家介紹的非常詳細，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
這篇文章介紹了Ajax實現省市區(qū)三級聯動的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了js中的面向對象之對象常見創(chuàng)建方法,結合實例形式較為詳細的分析了JavaScript創(chuàng)建對象的四種常用方式,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了微信小程序中實現自定義Navbar方法,Navbar由 StatusBar和TitleBar組成,只需要知道它們各自的高度,就可以很好地完成自定義,需要的朋友可以參考下2024-05-05