關於在layui中的table checkbox 預設選中設定
阿新 • • 發佈:2019-01-04
一、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 });