layuiでのtable checkboxのデフォルト選択設定について

1756 ワード

一、layuiバージョン
  layui-v2.4.5
二、tableのcheckboxのデフォルト選択を設定する
2つの方法があります.
方法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 ]

注意:ここでは、LAYではなくcheckedが選択されているかどうかを識別します.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 });

 
転載先:https://www.cnblogs.com/mYunYu/p/10220468.html