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);
            }
  • 相关阅读:
    严援朝座右铭
    王治郅 请让爱国走下神坛
    Java 事件处理实例
    SAP ERP 与 Oracle ERP 比较
    Gantt Component for Delphi Pure Pascal code(TsyGantt VCL)
    XMLRPC vs. SOAP
    Interfaces with Constants Only(java中通用常量定义)
    船舶设计软件简介
    DelphiARX 2000i 简介
    JAVA事件适配器用内部类,匿名类实现事件处理
  • 原文地址:https://www.cnblogs.com/jingsha/p/5756962.html
Copyright © 2011-2022 走看看