layui treetable-lay 다중 선택 상자 checkbox 기본 선택

16259 단어 layui
백엔드에서 되돌아오는 checked 필드에 따라 선택 여부를 판단합니다
layui.config({
            base: '/static/layui/'
        }).extend({
            treeTable: 'treetable/treetable'
        });
        layui.use(['treeTable'], function () {
            var $ = layui.jquery;
            var treeTable = layui.treeTable;
            treeTable = $.extend(treeTable, { config: { checkName: 'checked' } });
            var insTb = treeTable.render({
                elem: '#demoTreeTb',
                height: '480px',
                tree: {
                    iconIndex: 0,           //  
                    isPidData: true,        //  id、pid 
                    idName: 'menuId',  // id 
                    pidName: 'parentId'     // pid 
                },
                cols: [
                    { field: 'name', title: ' ' },
                    { field: 'path', title: ' ' },
                    {
                        field: 'state', title: ' ', templet: function (res) {
                            if (res.state == 0) {
                                return ' '
                            } else {
                                return ' '
                            }
                        }
                    },
                    { fixed: 'right', type: 'checkbox', width: 150 }
                ],
                reqData: function (data, callback) {
                    //  ajax , callback 
                    $.get('/system/resource/list', function (res) {
                        if (res.code == 0) {
                            var data = res.data;
                            for (var x in data) {
                                console.log(data[x])
                                if (data[x].checked) {
                                    data[x]["LAY_CHECKED"] = 'true';
                                    var index = res.data[x]['LAY_TABLE_INDEX'];
                                    $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                                    $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                                }
                            }
                            callback(res.data);
                        }
                        else callback(res.msg);
                    });
                }
            });
            // 
            treeTable.on('tool(demoTreeTb)', function (obj) {
                var data = obj.data;
                var id = data.id;
                console.log(data.id)
                if (obj.event === 'remove') {
                } else if (obj.event === 'edit') {
                }
            });
          var checkStatus;
            // 
            treeTable.on('checkbox(demoTreeTb)', function (obj) {
                console.log(insTb.checkStatus());
            });
            $("#save").click(function () {
                console.log(checkStatus);
            })
});

좋은 웹페이지 즐겨찾기