zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

zTree删除节点.

 <!DOCTYPE html>

 <HTML>

 <HEAD>

     <TITLE> ZTREE DEMO - edit</TITLE>

     <meta http-equiv="content-type" content="text/html; charset=UTF-8">

     <link rel="stylesheet" href="../../../css/demo.css" type="text/css">

     <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">

     <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>

     <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>

     <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>

     <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>

     <SCRIPT type="text/javascript">

         var setting = {

             edit: {

                 enable: true,

                 showRemoveBtn: function(treeId, treeNode) {

                     if(treeNode.level == 0) {

                     return false;

                     } else {

                     return true;

                     }

                 },

                 showRenameBtn: false,

                 removeTitle: "删除"

             },

             data: {

                 simpleData: {

                     enable: true

                 }

             },

             callback: {

                 beforeDrag: beforeDrag

             }

         };

         var zNodes =[

             { id:1, pId:0, name:"父节点 1", open:true},

             { id:11, pId:1, name:"叶子节点 1-1"},

             { id:12, pId:1, name:"叶子节点 1-2"},

             { id:13, pId:1, name:"叶子节点 1-3"},

             { id:2, pId:0, name:"父节点 2", open:true},

             { id:21, pId:2, name:"叶子节点 2-1"},

             { id:22, pId:2, name:"叶子节点 2-2"},

             { id:23, pId:2, name:"叶子节点 2-3"},

             { id:3, pId:0, name:"父节点 3", open:true},

             { id:31, pId:3, name:"叶子节点 3-1"},

             { id:32, pId:3, name:"叶子节点 3-2"},

             { id:33, pId:3, name:"叶子节点 3-3"}

         ];

         function beforeDrag(treeId, treeNodes) {

             return false;

         }

         $(document).ready(function(){

             $.fn.zTree.init($("#treeDemo"), setting, zNodes);

         });

     </SCRIPT>

 </HEAD>

 <BODY>

 <div class="content_wrap">

     <div class="zTreeDemoBackground left">

         <ul id="treeDemo" class="ztree"></ul>

     </div>

 </div>

 </BODY>

 </HTML>

zTree删除节点的更多相关文章

  1. layer.conifrm 非阻塞执行 ztree删除节点 问题

    layer.confirm无法阻塞js执行,导致ztree插件的beforeRemove回调函数未等待用户确定删除便已经移除界面中的节点, 因此可能会出现前后台数据不一致情况,正常逻辑理应删除后台数据 ...

  2. bootstrap jQuery Ztree异步载入数据，check选择&amp;可加入、改动、删除节点

    效果图: 一.下载zTree插件 地址:http://www.ztree.me 二.html代码 <link href="../Scripts/zTree/css/zTreeStyle ...

  3. ztree删除某个节点下的全部子节点后，父节点图标还是文件夹

    <script type="text/javascript"> //删除节点 zTree.removeNode(treeNode); //获取删除节点的父节点 var ...

  4. 【jquery】【ztree】节点添加自定义按钮、编辑和删除事件改成自己定义事件

    setting添加 edit: { drag: { isCopy: false, isMove: true }, enable: true,//设置是否处于编辑状态 showRemoveBtn: sh ...

  5. ztree更换节点图标

    首先需要注意一点,如果有研究过树形菜单,就会发现实现删除和修改功能特别简单,但是增加却有一点复杂.造成这个现象是ztree树形菜单的历史遗留问题.大概是之前的版本没有增加这个功能,后来的版本加上了这个 ...

  6. zTree实现节点修改的实时刷新

    一.应用场景 在实际应用中会遇到动态操作树各节点的需求,在增加树节点后如何实时动态刷新树就十分有必要了. 二.项目实践   比如要在test1234节点下新建子节点,首先要选中test1234节点,添 ...

  7. Ztree树节点应用

    树节点增删改查: 前台jsp页面: <% String root=request.getContextPath();//获取项目目录 %> <SCRIPT type="te ...

  8. C和指针 第十七章 二叉树删除节点

    二叉树的节点删除分为三种情况: 1.删除的节点没有子节点,直接删除即可 2. 删除的节点有一个子节点,直接用子节点替换既可以 3.删除的节点有两个子节点. 对于第三种情况,一般是不删除这个节点,而是删 ...

  9. Hadoop日常维护系列——Hadoop添加删除节点

    添加节点 1.修改host    和普通的datanode一样.添加namenode的ip 2.修改namenode的配置文件conf/slaves    添加新增节点的ip或host 3.在新节点的 ...

随机推荐

  1. Firewalld共享上网及本地yum仓库搭建

    1.firewalld共享上网 1.服务端操作(有外网的服务器) 1.开启防火墙并加入开机自启动 [root@zeq ~]# systemctl start firewalld [root@zeq ~ ...

  2. winform Treeview控件使用

    做角色菜单权限时用到treeview控件做树状显示菜单,简单总结了一下用法: 1.在winform窗体中拖入treeview控件,注意修改属性CheckBoxes属性为true,即在节点旁显示复选框 ...

  3. less学习一

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量.Mixin.函数等特性,使 CSS 更易维护和扩展. Less 可以运行在 Node 或浏览器端. less文件只有被编译后才 ...

  4. js判断是否为数字

    function isNumber(value) { var patrn = /^(-)?\d+(\.\d+)?$/; if (patrn.exec(value) == null || value = ...

  5. python基础之初识

    一. 计算机是什么 基本组成: 主板+cpu+内存 cpu: 主频, 核数(16) 内存:大小(8G, 16G, 32G) 型号: DDR3, DDR4, DDR5, 主频(海盗船,玩家国度) 显卡: ...

  6. JavaScript实现判断图片是否加载完成的3种方法整理

    JavaScript实现判断图片是否加载完成的3种方法整理 有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示 ...

  7. JavaScript之DOM查询

    DOM查询 - 通过具体的元素节点来查询 - 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素,返回数组 - 元素.childNodes - 获取当前元素的 ...

  8. 隐式Dijkstra：在状态集合中用优先队列求前k小

    这种技巧是挺久以前接触的了,最近又突然遇到几道新题,于是总结了一下体会. 这种算法适用的前提是,标题所述的"状态集合"大到不可枚举(否则枚举就行了qaq) ...

  9. Github上的1000多本免费电子书重磅来袭！

    Github上的1000多本免费电子书重磅来袭!   以前 StackOverFlow 也给出了一个免费电子书列表,现在在Github上可以看到时刻保持更新的列表了. 瞥一眼下面的书籍分类目录,你就能 ...

  10. 浅谈 kubernetes service 那些事 （下篇）

    欢迎访问网易云社区,了解更多网易技术产品运营经验. 五.K8s 1.8 新特性--ipvs ipvs与iptables的性能差异 随着服务的数量增长,IPTables 规则则会成倍增长,这样带来的问题 ...