layui2.3版本,本身并不帶有復(fù)選框回顯功能,那么需要從源頭解決此事,F(xiàn)12代碼調(diào)試,找到與復(fù)選框關(guān)聯(lián)的地方發(fā)現(xiàn):
創(chuàng)新互聯(lián)公司專(zhuān)業(yè)為企業(yè)提供祁連網(wǎng)站建設(shè)、祁連做網(wǎng)站、祁連網(wǎng)站設(shè)計(jì)、祁連網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、祁連企業(yè)網(wǎng)站模板建站服務(wù),十余年祁連做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
我們只需要在渲染數(shù)據(jù)回調(diào)時(shí)找到每個(gè)復(fù)選框根據(jù)數(shù)據(jù)的不同來(lái)設(shè)置回顯。
layui這里有一個(gè)坑,設(shè)置class屬性后會(huì)造成二次點(diǎn)擊效果,千萬(wà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, //所有類(lèi)似的手動(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è)置方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。