动态添加ligerTree节点：
效果图：





源码地址：http://download.csdn.net/detail/poiuy1991719/8571255






<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>

<head>

<title>动态增加“树”节点</title>

<!-- 1：引入文件 -->

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

<link href="lib/ligerUI/skins/Aqua/css/ligerui-tree.css"

    rel="stylesheet" type="text/css" />

<script src="lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>

<!-- 2：配置数据 -->

<script type="text/javascript">

    var manager = null;

    $(function() {

        //显示图标

        $("#.l-tree").ligerTree({

            checkbox : true

        });

        manager = $("#.l-tree").ligerGetTreeManager();

    });

    //添加节点

    function addTreeItem() {

        var node = manager.getSelected();//获取当前指定的节点

        var nodes = [];

        nodes.push({

            text : $("#txtNode").val()

        });

        if (node) {//如果选择了节点，就添加节点

            manager.append(node.target, nodes);

        } else {

            manager.append(null, nodes);

        }

    }

    //添加多个节点

    function addTreeItems(){

        var node = manager.getSelected();

        var nodes=[];

        nodes.push({text:$("#txtNode").val(),

            children:[{text:'子1'},{text:'子2'}]

        });

        if(node){

            manager.append(node.target,nodes);

        }else{

            manager.append(null,nodes);

        }

    }

    //删除节点

    function removeTreeItem() {

        var node = manager.getSelected();

        if (node) {

            manager.remove(node.target);

        } else {

            alert('请先选择节点');

        }

    }

    //清空节点

    function clearTreeItem() {

        manager.clear();

    }

</script>

</head>

<body>

    带复选框和图标，动态添加、删除、清空节点

    <br>

    <input type="text" class="l-text" value="节点名" id="txtNode"

        style="display:block; float:left; margin-right:10px;" />

    <a class="l-button" onclick="addTreeItem()"

        style="float:left;margin-right:10px;">增加节点</a>

    <a class="l-button" onclick="removeTreeItem()"

        style="float:left;margin-right:10px;">删除节点</a>

    <a class="l-button" onclick="clearTreeItem()"

        style="float:left;margin-right:10px;">清空节点</a>

    <a class="l-button" onclick="addTreeItems()"

        style="width:150px;float:left;margin-right:10px;">增加节点(带子节点)</a>

    <br>

    <!-- 2：编写HTML -->

    <div

        style="width:200px; height:300px; border:1px solid #ccc; overflow:auto; clear:both;">

        <ul class="l-tree">

            <li><span>节点1</span>

                <ul>

                    <li><span>节点1.1</span>

                        <ul>

                            <li><span>节点1.1.1</span></li>

                            <li><span>节点1.1.2</span></li>

                        </ul></li>

                    <li><span>节点1.2</span></li>

                </ul></li>

            <li><span>节点2</span></li>

            <li isexpand="false"><span>节点3</span>

                <ul>

                    <li><span>节点3.1</span></li>

                    <li><span>节点3.2</span></li>

                </ul></li>

        </ul>

    </div>

    <div style="display:none"></div>

    <a href="index6.jsp">下一效果：</a>

</body>

</html>


												


											
ligerui_ligerTree_005_动态增加“树”节点的更多相关文章
	

    
								
  1. Hadoop概念学习系列之Hadoop集群动态增加新节点或删除已有某节点及复制策略导向 （四十三）
		
    不多说,直接上干货! hadoop-2.6.0动态添加新节点 https://blog.csdn.net/baidu_25820069/article/details/52225216 Hadoop集 ...
    
		
    2. 
						
  2. hdfs以及hbase动态增加和删除节点
		
    一个知乎上的问题:Hbase的Region server和hadoop的datanode是否可以部署在一台服务器上?如果是的话,二者是否是一对一的关系?部署在同一台服务器上,可以减少数据跨网络传输的流 ...
    
		
    3. 
						
  3. Hadoop 2.6.3动态增加/删除DataNode节点
		
    假设集群操作系统均为:CentOS 6.7 x64 Hadoop版本为:2.6.3 一.动态增加DataNode 1.准备新的DataNode节点机器,配置SSH互信,可以直接复制已有DataNode ...
    
		
    4. 
						
  4. JS动态增加删除UL节点LI
		
    JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href=" ...
    
		
    5. 
						
  5. Hyperledger fablic 1.0 在centos7环境下的安装与部署和动态增加节点
		
    Hyperledger fablic 1.0 在centos7环境下的安装与部署和动态增加节点 一.安装docker 执行代码如下: curl -sSL https://get.daocloud.io ...
    
		
    6. 
						
  6. ZooKeeper动态增加Server（动态增加节点）的研究（待实践）
		
    说明:是动态增加Server,不是动态增加连接到ZK Server的Client. 场景如下(转自外文): 1.在t=t_1->[peer-1(Leader),peer-2],peer-1是主节 ...
    
		
    7. 
						
  7. Hadoop动态增加节点与删除节点
		
    Hadoop的全分布式安装网上也很多教程,踩过很多坑,整理不出来了……赶紧把增加删除节点留住. 均衡数据 (1)设置数据传输带宽为64M(默认值比较低) hdfs dfsadmin -setBalan ...
    
		
    8. 
						
  8. JPA，EclipseLink 缓存机制学习(一) 树节点搜索问题引发的思考
		
    最近在项目在使用JPA+EclipseLink 的方式进行开发,其中EclipseLink使用版本为2.5.1.遇到一些缓存方面使用不当造成的问题,从本篇开始逐步学习EclipseLink的缓存机制. ...
    
		
    9. 
						
  9. ligerui_ligerTree_007_ligerTree动态加载节点
		
    ligerui:ligerTree:动态加载节点: 源码地址:http://download.csdn.net/detail/poiuy1991719/8571255 效果图: 代码:json.txt ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ThinkPHP3.2.3--Linux服务器首页文件index.php路径配置问题
			
    在windows服务器环境下,可以define ('SITE_URL','http://192.168.1.101/'); 但上传到linux服务器环境下不能正常解析,可使用相对路径:define ( ...
    
			
    2. 
						
  2. ThinkPad_T430重装系统
			
    联想thinkpad T430为T系列的旗舰级产品,全新的ThinkPad T430将该系列坚固的机身.稳定高效的散热表现.超强的易用性.不俗的性能以及出色的操控感受等优点完美的继承下来,始终坚持把每 ...
    
			
    3. 
						
  3. iOS开发-定制多样式二维码
			
    iOS开发-定制多样式二维码   二维码/条形码是按照某种特定的几何图形按一定规律在平台(一维/二维方向上)分布的黑白相间的图形纪录符号信息.使用若干个与二进制对应的几何形体来表示文字数值信息. 最常 ...
    
			
    4. 
						
  4. [LintCode] Valid Palindrome 验证回文字符串
			
    Given a string, determine if it is a palindrome, considering only alphanumeric characters and ignori ...
    
			
    5. 
						
  5. Hadoop_初识
			
    一. 什么是Hadoop Hadoop是一个由Apache基金会所开发的分布式系统基础架构. 用户可以在不了解分布式底层细节的情况下,开发分布式程序. 充分利用集群的威力进行高速运算和存储. Hado ...
    
			
    6. 
						
  6. JAVA中序列化和反序列化
			
    一般程序在运行时,产生对象,这些对象随着程序的停止运行而消失(java回收机制)但如果我们想把某些对象(因为是对象,所以有各自不同的特性)保存下来,在程序终止运行后,这些对象仍然存在,可以在程序再次运 ...
    
			
    7. 
						
  7. 利用logminer恢复delete误删除操作的数据
			
    1环境准备 日志挖掘可以基于日志.基于时间.基于SCN分析,这里我们将演示一个基于SCN的分析案例. 开启补充日志功能(必须开始,否则不能捕获DML操作日志): 创建一张livan表,往里面插入了14 ...
    
			
    8. 
						
  8. 【iCore3 双核心板】例程三十一：HTTP_IAP_FPGA实验——更新升级FPGA
			
    实验指导书及代码包下载: http://pan.baidu.com/s/1gdYnQGN iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...
    
			
    9. 
						
  9. 预防 Session 劫持与 Session 固定攻击
			
    一.预防 Session 劫持 要求: ① 只允许通过 Cookie 来传递 SessionID ② 生成一个由 URL 传递的唯一标识作为 Session 的标记(token) 当请求同时包含有效的 ...
    
			
    10. 
						
  10. OAuth2.0 微博登陆网站功能的实现（一）获取用户授权及令牌 Access Token
			
    在登陆一些网站的时候,可以选择登陆方式为第三方登陆,例如微博登陆,以爱奇艺为例,进入首页,点击 ”登陆“,会弹出登录框: 除了本站登陆外,还可以选择其他第三方登陆,比如微博登陆.QQ 登陆.微信登陆等 ...
    
			
    11.