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. Linux下通过uptime判断负载情况

    [root@localhost ~]# uptime 18:34:12 up 5:30, 1 user, load average: 0.00, 0.01, 0.05 load average后面的三 ...

  2. 分布式日志系统ELK搭建

    ELK:Elasticsearch  Logstash Kibana Elasticsearch:是基于JSON的分布式搜索和分析引擎,专为实现水平扩展.高可用和管理便捷性而设计 Logstash:是 ...

  3. html样式不兼容 详解（转）

    网站对火狐不兼容的原因以及解决的方法 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3. ...

  4. python3笔记

    python3 Python3 基本数据类型 Python 中有六个标准的数据类型: Numbers(数字) Python可以同时为多个变量赋值,如a, b = 1, 2. 一个变量可以通过赋值指向不 ...

  5. 浅谈C#实现Web代理服务器的几大步骤

    代理服务程序是一种广泛使用的网络应用程序.代理程序的种类非常多,根据协议不同可以分成HTTP代理服务程序.FTP代理服务程序等,而运行代理服务程序的服务器也就相应称为HTTP代理服务器和FTP代理服务 ...

  6. POJ3177 边双连通分量

    Redundant Paths Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 18580   Accepted: 7711 ...

  7. springMVC3

    复习: springmvc框架: DispatcherServlet前端控制器:接收request,进行response HandlerMapping处理器映射器:根据url查找Handler.(可以 ...

  8. Linux中的目录功能（Red Hat 7）

    目录的基本功能: /bin:存放普通用户使用的命令 /sbin:存放管理员可以执行的命令 /home:存放普通的家目录 如张三家目录为/home/zhangsan /root:管理员的家目录 /etc ...

  9. matlab-罗曼诺夫斯基准则剔除粗大值

    罗曼诺夫斯基准则原理  罗曼诺夫斯基准则又称 t检验准则,其特点是首先删除一个可疑的的测得值,然后按 t分布检验被剔除的测量值是否含有粗大误差 罗曼诺夫斯基准则  1)选取合适的显著度a,选择合适的数 ...

  10. Android Studio modify language level to Java 8

    If you need use lambda, should modify language level File -> Project Structure -> app -> Pr ...