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. 【解决】venv 的名字在 zsh prompt 中不显示

    venv 的名字在 zsh prompt 中不显示 ➜ liyongjiandeMBP.lan [/Users/liyongjian/lyj] python3 -m venv lyj_venv ➜ l ...

  2. 大数据开发从入门小白到删库跑路（一）- 获取Hadoop

    Hadoop是一个可以通过相对简单编程模型实现跨多台计算机集群分布式处理大型数据集的框架.它不是依赖于高额成本的硬件可靠性来提供高可用性,Hadoop的设计能从单个服务器扩展到数千台机器,每个机器提供 ...

  3. flask的模板

    flask用的是jinja2的模板 模板其实是一个包含响应文本的文件,其中用占位符(变量)表示动态部分,告诉模板引擎其具体的值需要从使用的数据中获取 使用真实值替换变量,再返回最终得到的字符串,这个过 ...

  4. Java学习笔记十二:Java中方法的重载

    Java中方法的重载 什么是方法的重载呢? 如果同一个类中包含了两个或两个以上方法名相同.方法参数的个数.顺序或类型不同的方法,则称为方法的重载,也可称该方法被重载了.如下所示 4 个方法名称都为 s ...

  5. mysql5.7.19安装报错 无法定位程序输入点

    https://blog.csdn.net/t876587201/article/details/79503688

  6. [JSOI2007] 建筑抢修 (贪心 + 优先队列)

    小刚在玩JSOI提供的一个称之为“建筑抢修”的电脑游戏:经过了一场激烈的战斗,T部落消灭了所有z部落的入侵者.但是T部落的基地里已经有N个建筑设施受到了严重的损伤,如果不尽快修复的话,这些建筑设施将会 ...

  7. wamp调用ICE中间件

    wamp调用ICE中间件 wamp 是集成开发包,我的wamp中的php 为5.3.10 ,经过3天艰苦奋战,终于在phpinfo()中看到了 ICE 出现了.. OK,最新的ice  为 3.5.1 ...

  8. C#的委托Delegate

    一.委托基础 1.什么是委托 委托(Delegate) 是存有对某个方法的引用的一种引用类型变量,用关键字delegate申明,实现相同返回值和参数的函数的动态调用,提供了对方法的抽象. 委托(Del ...

  9. FreeRTOS软件定时器的使用

    先贴上一个创建的代码,先声明一个句柄 TimerHandle_t pump_wakeup_timer_handle = NULL; 创建定时器和启动定时器,第三个参数,pdFALSE是只定时一次,pd ...

  10. leetcode笔记--2 reverse string

    my answer: 出错点:new_list[s] = list_s[u-1-s] 这样会出错, 重点:(1) map(str, s) 函数的使用,例:ls = [1,2,3]rs = map(st ...