layui2.3版本,本身并不帶有復選框回顯功能,那么需要從源頭解決此事,F(xiàn)12代碼調(diào)試,找到與復選框關聯(lián)的地方發(fā)現(xiàn):
為企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站建設、網(wǎng)站優(yōu)化、營銷型網(wǎng)站建設、競價托管、品牌運營等營銷獲客服務。成都創(chuàng)新互聯(lián)公司擁有網(wǎng)絡營銷運營團隊,以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗助力企業(yè)精準獲客,真正落地解決中小企業(yè)營銷獲客難題,做到“讓獲客更簡單”。自創(chuàng)立至今,成功用技術實力解決了企業(yè)“網(wǎng)站建設、網(wǎng)絡品牌塑造、網(wǎng)絡營銷”三大難題,同時降低了營銷成本,提高了有效客戶轉化率,獲得了眾多企業(yè)客戶的高度認可!我們只需要在渲染數(shù)據(jù)回調(diào)時找到每個復選框根據(jù)數(shù)據(jù)的不同來設置回顯。
layui這里有一個坑,設置class屬性后會造成二次點擊效果,千萬不要手動修改class屬性,那么應該怎么辦呢?
每次**點擊**其中一個復選框時都會增加一個class屬性,第二次點擊又會給刪除:
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) { //這里必須選擇點擊方法,不知為何添加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: '話題內(nèi)容', width: 260 }, { field:'read_total', title: '閱讀次數(shù)', width: 100 , sort:true}, ]], id: 'topicList', page: true });