layuiでのtable checkboxのデフォルト選択設定について
1756 ワード
一、layuiバージョン
layui-v2.4.5
二、tableのcheckboxのデフォルト選択を設定する
2つの方法があります.
方法1:戻るjsonでLAY_を設定するCHECKEDはtrueで、ページ上のcheckboxが選択されています.
方法2:方法1について、自分で書くのが比較的古いと感じて、keyをカスタマイズすることができなくて、例えばプロジェクトの中で返したデータの中でLAY_がありませんCHECKEDフィールドはどうしますか?他のtreeに必要なフィールドと統一するには、選択したフィールドがcheckedとして定義されます.たとえば、このようなデータが返されます.
注意:ここでは、LAYではなくcheckedが選択されているかどうかを識別します.CHECKED.
tableレンダリングの構成を変更する必要があります.
転載先:https://www.cnblogs.com/mYunYu/p/10220468.html
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