關於在layui中的table checkbox 默認選中設置


一、layui版本

  layui-v2.4.5

二、設置table的checkbox默認選中

總共有兩種方法:

 方法1:在返回的json中設置LAY_CHECKED為true,頁面上的checkbox就是選中狀態了。

1 data":[
2     {"name":"北京市","areaType":"省/直轄市","id":"110000","LAY_CHECKED":true},
3     {"name":"市轄區","areaType":"地市","id":"110100","LAY_CHECKED":true}, 4 {"name":"縣","areaType":"地市","id":"110200","LAY_CHECKED":false} 5 ]

  方法2:對於方法1,自我覺得寫的比較古板,不能自定義key,比如當項目中所返回的數據中沒有LAY_CHECKED字段怎么辦?為了與其他tree所需字段統一,都將是否選中字段統一定義為checked,比如說返回的是這樣的數據:

1 data":[
2     {"name":"北京市","areaType":"省/直轄市","id":"110000","checked":true},
3     {"name":"市轄區","areaType":"地市","id":"110100","checked":true}, 4 {"name":"縣","areaType":"地市","id":"110200","checked":false} 5 ]

注意:這里用的是checked來標識是否選中,而非LAY_CHECKED。

這時候就需要更改下對table渲染的配置了:

 1 layui.use('table', function(){
 2     var $ = layui.$; 3 var table = layui.table; 4 5 //在使用table之前加上下面這句就可以了 6 table = $.extend(table, {config: {checkName: 'checked'}}); 7  table.render({ 8  ... 9  }); 10 });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM