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. java简单web爬虫(网页图片)

    java简单web爬虫(网页图片)效果,执行main()方法后图片就下载道C盘的res文件夹中.没有的话创建一个文件夹代码里的常量根据自己的需求修改,代码附到下面. package com.sinit ...

  2. x-pack本地安装方式

    一.首先下载本地安装包,我使用的ELK是5.6.1版本: https://artifacts.elastic.co/downloads 二.进入到elasticsearch/bin(所有节点)和kib ...

  3. mysql 5.8 查询最新一条数据

    SELECT * FROM ( ,) FROM (SELECT * FROM or_task_node ORDER BY created_date DESC) temp ) AS vars ) t g ...

  4. react项目中引入百度地图打包报错问题

    一.我正常引入百度地图,调试时候是好使的,但是打包时候就报错 引入方法如下: 报错如图 正常调试是好使的,但是打包报这个错,解析不了这个BMap,那么怎么办呢? 然后我就转用了window办法,虽然因 ...

  5. HBase-site.xml 常见重要配置参数

    HBase 常见重要配置参数 (1) Hbase.rpc.timeout rpc 的超时时间,默认 60s,不建议修改,避免影响正常的业务,在线上环境刚开始配置的是 3 秒,运行半天后发现了大量的 t ...

  6. 在WPF中自定义控件(1)

    原文:在WPF中自定义控件(1)    在WPF中自定义控件(1):概述                                                   周银辉一, 不一定需要自定 ...

  7. 纯js实现复制内容到剪切板

    下面的方法可以完美实现: 复制指定input 或者 textarea中的内容: 指定非输入框元素中的内容 代码如下: function copyToClipboard(elem) { // creat ...

  8. 【jQuery】 实用 js

    [jQuery] 实用 js 1. int 处理 parseInt(") // int 转换 isNaN(page) // 判断是否是int类型 2. string 处理 // C# str ...

  9. JS 客户端检测

    能力检测 能力检测的目标不是识别特定的浏览器,而是识别浏览器的能力. 能力检测需要注意两点: 先检测达成目的的最常用的特性.因为先检测最常用的特性可以保证代码最优化,因为在多数情况下都可以避免测试多个 ...

  10. 数据库sql命令

    本文为转载,原文地址:http://www.cnblogs.com/cangqiongbingchen/p/4530333.html 1.说明:创建数据库CREATE DATABASE databas ...