layui2.3版本,本身并不帶有復(fù)選框回顯功能,那么需要從源頭解決此事,F(xiàn)12代碼調(diào)試,找到與復(fù)選框關(guān)聯(lián)的地方發(fā)現(xiàn):

我們只需要在渲染數(shù)據(jù)回調(diào)時找到每個復(fù)選框根據(jù)數(shù)據(jù)的不同來設(shè)置回顯。
layui這里有一個坑,設(shè)置class屬性后會造成二次點擊效果,千萬不要手動修改class屬性,那么應(yīng)該怎么辦呢?
每次**點擊**其中一個復(fù)選框時都會增加一個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
});
標(biāo)題名稱:layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于:http://www.chinadenli.net/article26/iipcg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、ChatGPT、域名注冊、靜態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容