layui中的table checkbox 預設選中設定
阿新 • • 發佈:2019-02-17
layui版本
layui-v2.4.3
方法1
在返回的json中設定LAY_CHECKED為true,頁面上的checkbox就是選中狀態了。
data":[
{"name":"北京市","areaType":"省/直轄市","id":"110000","LAY_CHECKED":true},
{"name":"市轄區","areaType":"地市","id":"110100","LAY_CHECKED":true},
{"name":"縣","areaType":"地市","id":"110200","LAY_CHECKED":false}
]
方法2
如果返回的資料中沒有LAY_CHECKED怎麼辦?比如說返回的是這樣的資料:
data":[
{"name":"北京市","areaType":"省/直轄市","id":"110000","checked":true},
{"name":"市轄區","areaType":"地市","id":"110100","checked":true},
{"name":"縣","areaType":"地市","id":"110200","checked":false}
]
注意:這裡用的是checked來標識是否選中,而非LAY_CHECKED。
這時候可以修改下頁面的js。
layui.use('table', function(){ var $ = layui.$; var table = layui.table; //在使用table之前加上下面這句就可以了 table = $.extend(table, {config: {checkName: 'checked'}}); table.render({ ... }); });