zoukankan      html  css  js  c++  java
  • ZTree节点的常用操作

    在以前项目改造过程中涉及到ZTree的简单应用,在接下来的项目中有个业务模块涉及到ZTree节点的操作,包含新增,删除,修改,留代码备忘。

    首先是ztree的配置信息

       var setting = {
                data: {
                    simpleData: {
                        enable: true
                    }
                },
                edit: {
                    enable: true,
                    showRemoveBtn: false,
                    showRenameBtn: false
                }
            };

    新增方法

     var newCount = 1;
     function addNode(e) {
                var zTree = $.fn.zTree.getZTreeObj("groupTree");
                if (!zTree) {
                    var zNodes = [];
                    zTree = $.fn.zTree.init($("#groupTree"), setting, zNodes);
                }
                var isParent = e.data.isParent,
                nodes = zTree.getSelectedNodes(),
                treeNode = nodes[0];
                if (treeNode) {
                    treeNode = zTree.addNodes(treeNode, { id: (100 + newCount), pId: treeNode.id, isParent: isParent, name: "new node" + (newCount++) });
                } else {
                    treeNode = zTree.addNodes(null, { id: (100 + newCount), pId: 0, isParent: isParent, name: "new node" + (newCount++) });
                }
            
            };

    删除方法

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

    修改方法

     function UpdateNode(stext) {
                var zTree = $.fn.zTree.getZTreeObj("groupTree"),
                nodes = zTree.getSelectedNodes(),
                treeNode = nodes[0];
                if (nodes.length == 0) {
                    alert("请先选择一个节点");
                    return;
                } else {
                    treeNode.id = stext;
                    treeNode.name = stext;
                    zTree.updateNode(treeNode, false);
                }
            }

    页面加载完成绑定事件

      window.onload = function () { 
                $("#addParent").bind("click", { isParent: true }, addNode);
                $("#addLeaf").bind("click", { isParent: false }, addNode);
                $("#removeNode").bind("click", removeNode);
            }
  • 相关阅读:
    D:yyyUNetSegmentation_code_20180301data rain
    第六课cnn和迁移学习-七月在线-cv
    lecture7图像检索-七月在线-cv
    lecture4特征提取-七月在线-cv
    guling code细节
    resNet代码-小象/cv
    unet网络讲解,附代码
    数字三角形
    递归折半查找
    分治法寻找第k大的数
  • 原文地址:https://www.cnblogs.com/jingsha/p/5756962.html
Copyright © 2011-2022 走看看