layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法
更新時(shí)間：2019年09月13日 13:58:38 作者：浪里騷氣濺淫花
今天小編就為大家分享一篇layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
layui2.3版本，本身并不帶有復(fù)選框回顯功能，那么需要從源頭解決此事，F(xiàn)12代碼調(diào)試，找到與復(fù)選框關(guān)聯(lián)的地方發(fā)現(xiàn)：
我們只需要在渲染數(shù)據(jù)回調(diào)時(shí)找到每個(gè)復(fù)選框根據(jù)數(shù)據(jù)的不同來設(shè)置回顯。
layui這里有一個(gè)坑，設(shè)置class屬性后會(huì)造成二次點(diǎn)擊效果，千萬不要手動(dòng)修改class屬性，那么應(yīng)該怎么辦呢？
每次**點(diǎn)擊**其中一個(gè)復(fù)選框時(shí)都會(huì)增加一個(gè)class屬性，第二次點(diǎn)擊又會(huì)給刪除：
table.render({
elem: '#LAY_table_topic',
url: '/admin/topicHandle/getTopicList',
height: 600,
done:function(result,currPage,count){//數(shù)據(jù)回調(diào)方法
var data = result.data;
data.forEach(function(value, key) {
//這里必須選擇點(diǎn)擊方法，不知為何添加layui-form-checked class屬性會(huì)造成二次點(diǎn)擊（即下次點(diǎn)擊必須點(diǎn)擊兩下才能生效）bug，
//所有類似的手動(dòng)修改class貌似都會(huì)造成二次效果
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: '話題內(nèi)容', width: 260 },
{ field:'read_total', title: '閱讀次數(shù)', width: 100 , sort:true},
]],
id: 'topicList',
page: true
});
以上這篇layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- layui實(shí)現(xiàn)下拉復(fù)選功能的例子(包括數(shù)據(jù)的回顯與上傳)
- 解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題
- 解決element ui select下拉框不回顯數(shù)據(jù)問題的解決
- vue組件表單數(shù)據(jù)回顯驗(yàn)證及提交的實(shí)例代碼
- 詳解SpringMVC如何進(jìn)行數(shù)據(jù)回顯
- Android開發(fā)之完成登陸界面的數(shù)據(jù)保存回顯操作實(shí)例
- Android TableLayout數(shù)據(jù)列表的回顯清空實(shí)現(xiàn)思路及代碼
- Springmvc數(shù)據(jù)回顯實(shí)現(xiàn)原理實(shí)例解析
相關(guān)文章
js+HTML5 canvas 實(shí)現(xiàn)簡單的加載條(進(jìn)度條)功能示例
這篇文章主要介紹了js+HTML5 canvas 實(shí)現(xiàn)簡單的加載條(進(jìn)度條)功能,涉及javascript使用時(shí)間函數(shù)與canvas繪圖結(jié)合實(shí)現(xiàn)進(jìn)度條的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
javascript實(shí)現(xiàn)帶下拉子菜單的導(dǎo)航菜單效果
這篇文章主要介紹了javascript實(shí)現(xiàn)帶下拉子菜單的導(dǎo)航菜單效果的方法,涉及javascript操作頁面元素與樣式的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JS實(shí)現(xiàn)表單全選以及取消全選實(shí)例
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)表單全選以及取消全選實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
JavaScript 通過模式匹配實(shí)現(xiàn)重載
昨天rank同學(xué)向我提出一個(gè)問題，在實(shí)際應(yīng)用中有些接口需要提供類似于函數(shù)重載的功能，以方便開發(fā)者組織代碼邏輯，簡化使用者調(diào)用。2010-08-08
這篇文章主要為大家詳細(xì)介紹了js自定義input文件上傳樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
用javascript代替marquee的滾動(dòng)字幕效果代碼
用javascript代替marquee的滾動(dòng)字幕效果代碼...2007-04-04
這篇文章主要介紹了v3-admin-vite 整合pont的詳細(xì)過程,目前后端的Admin模板使用的是v3-admin-vite,需要整合pont接口,方便前后端統(tǒng)一一體化開發(fā),本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
這篇文章主要給大家介紹了關(guān)于如何檢測JavaScript中死循環(huán)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
為了以后能快速尋找到這方面的錯(cuò)誤，節(jié)約更多的時(shí)間，下面將問題的解決方法整理了一下2014-06-06
ff chrome和ie下全局動(dòng)態(tài)定位的異同及全局高度的取法
這篇文章主要介紹了ff chrome和ie下全局動(dòng)態(tài)定位的異同及全局高度的取法,需要的朋友可以參考下2014-06-06