经验总结10--ztree增删改

时间:2021-03-03 12:02:44

ztree增删改,动态更改,不需刷新页面。

增加。由于子节点不能动态增加子节点,所以需要先把该节点变为父节点,再进行增加。

var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
        nodes = zTree.getSelectedNodes(),
        treeNode = nodes[0];

treeNode.isParent = true;//这句话很重要

zTree.addNodes(treeNode, { id: id, pId: treeNode.id, name: name });

修改。

var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
        nodes = zTree.getSelectedNodes(),
        treeNode = nodes[0];

if (nodes.length == 0) {
            alert("请先选择一个节点");
            return;
        }

treeNode.name = newName;
        zTree.updateNode(treeNode);

删除。

var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
            nodes = zTree.getSelectedNodes(),
            treeNode = nodes[0];
            if (nodes.length == 0) {
                alert("请先选择一个节点");
                return;
            }

zTree.removeNode(treeNode, false);