layui treetable-lay多选框checkbox默认选中

根据后端返回的 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);
            })
});
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值