欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法

 更新時(shí)間：2019年09月13日 13:58:38   作者：浪里騷氣濺淫花  
今天小編就為大家分享一篇layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

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ù)的不同來(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，
  //所有類似的手動(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è)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • 從零開始做一個(gè)pagination分頁(yè)組件

    從零開始做一個(gè)pagination分頁(yè)組件

    從零開始做一個(gè)pagination分頁(yè)組件，這篇文章主要介紹了pagination分頁(yè)組件的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-03-03
  • 支持ie與FireFox的剪切板操作代碼

    支持ie與FireFox的剪切板操作代碼

    支持ie與FireFox的剪切板代碼，包括讀取與寫入剪切板的實(shí)現(xiàn)代碼。
    2009-09-09
  • JavaScript導(dǎo)出CSV文件不完整的問(wèn)題解決方法

    JavaScript導(dǎo)出CSV文件不完整的問(wèn)題解決方法

    在JavaScript中處理CSV文件時(shí),需要特別注意一些特殊字符,例如逗號(hào)、雙引號(hào)、換行符等,這些字符可能會(huì)影響CSV文件的解析,導(dǎo)致數(shù)據(jù)錯(cuò)亂,所以本文給大家介紹了如何解決JavaScript導(dǎo)出CSV文件不完整的問(wèn)題,需要的朋友可以參考下
    2024-06-06
  • JavaScript實(shí)現(xiàn)的MD5算法完整實(shí)例

    JavaScript實(shí)現(xiàn)的MD5算法完整實(shí)例

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)的MD5算法,以完整實(shí)例形式分析了基于JavaScript實(shí)現(xiàn)MD5算法的具體步驟與相關(guān)技巧,需要的朋友可以參考下
    2016-02-02
  • JS 控制CSS樣式表

    JS 控制CSS樣式表

    JS控制CSS樣式,首先得確定一點(diǎn),CSS與HTML頁(yè)面的鏈接方式,因?yàn)镃SS有3種與HTML頁(yè)面結(jié)合的方式,不同的方式也會(huì)產(chǎn)生不同的結(jié)果.
    2009-08-08
  • js獲取URL的參數(shù)的方法(getQueryString)示例

    js獲取URL的參數(shù)的方法(getQueryString)示例

    getQueryString方法默認(rèn)返回的是 string如果是int類型，則JS使用的時(shí)候，要進(jìn)行轉(zhuǎn)換一下，下面有個(gè)不錯(cuò)的示例，大家可以參考下
    2013-09-09
  • JS 調(diào)用微信掃一掃功能

    JS 調(diào)用微信掃一掃功能

    這篇文章主要介紹了JS 調(diào)用微信掃一掃功能,本文給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友參考下吧
    2016-12-12
  • Ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)實(shí)例代碼

    Ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)實(shí)例代碼

    這篇文章介紹了Ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2022-04-04
  • js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法詳解

    js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法詳解

    這篇文章主要介紹了js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript創(chuàng)建對(duì)象的四種常用方式,需要的朋友可以參考下
    2019-12-12
  • 微信小程序中實(shí)現(xiàn)自定義Navbar方法詳解

    微信小程序中實(shí)現(xiàn)自定義Navbar方法詳解

    這篇文章主要介紹了微信小程序中實(shí)現(xiàn)自定義Navbar方法,Navbar由 StatusBar和TitleBar組成,只需要知道它們各自的高度,就可以很好地完成自定義,需要的朋友可以參考下
    2024-05-05

最新評(píng)論