ztree 回显数据时不让父节点选中下面所有的子节点

最新推荐文章于 2024-03-21 19:15:08 发布

微辣米粉

最新推荐文章于 2024-03-21 19:15:08 发布

阅读量7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： ztree js 父节点子节点

本文链接：https://blog.youkuaiyun.com/tuntun1120/article/details/78730780

前端专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何使用zTree插件进行复选框的操作，包括初始化树形结构、展开所有节点及通过遍历已选择项来设置特定节点的选中状态。通过具体代码示例展示了如何实现这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

treeObj.checkNode(checkedNode, true, false)

    var treeObj;
    $(function() {
        //得到所有的树数据
        $.get("${CONTEXT_PATH}/aaa/bbb/list?id=${id!}", function (data) {

            //数据
            treeObj = $.fn.zTree.init($("#datagrid_auth"), setting, data);

            //树展开
            treeObj.expandAll(false);

            //遍历勾选项
            for(var i in authSelected){
                var checkedNode = treeObj.getNodeByParam("_id", authSelected[i], null);
                console.info(checkedNode);
				if(checkedNode!=null)

                //将第三个参数改为false,表示不去勾选父节点下的所有子节点
                treeObj.checkNode(checkedNode, true, false);//node, checked, checkTypeFlag, callbackFlag
            }
        });

        var $form = $("#_form");
        $form.bootstrapValidator().on('success.form.bv', function(e) {
	    zTreeOnCheck();
            e.preventDefault();

        });
    });