ligerui_ligerTree_005_动态增加“树”节点

动态添加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>
时间: 2024-10-31 01:08:14

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

Hadoop概念学习系列之Hadoop集群动态增加新节点或删除已有某节点及复制策略导向

hadoop-2.6.0动态添加新节点 https://blog.csdn.net/baidu_25820069/article/details/52225216 Hadoop集群动态增加新节点 一.在新增节点配置运行环境 1.安装和其他节点相同的java环境,jdk版本要相同. 2.修改/etc/hosts配置文件,添加ip与hostname的对应关系并分发到集群各个节点. 3.关闭防火墙.相关软件工具的安装等. 4.配置ssh免密码登录,使新增节点和集群其他节点能实现免密码登录. 5.修改s

[Nutch]Hadoop动态增加DataNode节点和TaskTracker节点

在之前的博文有对分布式模式做负载均衡设置,那么这次我们就来说明一下如果动态增加DataNode结点和TaskTracker结点. 1. 在host1上增加host4 使用如下命令: vi conf/slaves 如下: 2. 将host1上的公钥加入到host4中 使用如下命令: ssh-copy-id -i .ssh/id_rsa.pub [email protected] 如下: 将host1的公钥添加到host4中,可以免密码登录.如下: 3. 将hadoop拷贝到host4上 使用如下命

如何动态添加树节点(.NET)

很简单: 就两方法: //添加父节点    public void AddNode()    {        KunSoftLogic.WIM.WIM10100 logic_WIM10100 = new KunSoftLogic.WIM.WIM10100();        DataTable dt = new DataTable();        dt = logic_WIM10100.AddPNode().Tables[0];        Node node = new Node();

【转】console.time 简单分析javascript动态添加Dom节点的性能

本文代码约定 1 el: 指的是增加直接点的DOM节点 2 totalNum: 为100000(值越大越能体现差距)指的是循环创建的DOM节点 3 for(var i=0;i<totalNum;i++){}: 我们用for来表示就好了,简写代码 如果叫你用javascript动态增加DOM节点,你有哪几种思路呢? 1 .使用innerHTML和字符串拼接 console.time("time1"); var str = ""; for{ str += &quo

console.time 简单分析javascript动态添加Dom节点的性能

Bullshit 本来想每天都更新下博客的,但是最近要考试,还有就是自己还是停留在暗自窃喜中吧(这种想法要改变).其实最近总在想,自己要怎么去管理自己的数据,每天的生活都是对自己的数据的增删查改.昨天把自己的电脑重装了,确实很多软件的存放要改地方了,之前不知道怎么去管理软件安装,所以放得乱七八糟的.说好一大堆废话之后,我最后再说一遍,管好自己的时间.数据真的比你学习东西重要. Method 本文代码约定 1 el: 指的是增加直接点的DOM节点 2 totalNum: 为100000(值越大越能

Hadoop 2.6.3动态增加/删除DataNode节点

假设集群操作系统均为:CentOS 6.7 x64 Hadoop版本为:2.6.3 一.动态增加DataNode 1.准备新的DataNode节点机器,配置SSH互信,可以直接复制已有DataNode中.ssh目录中的authorized_keys和id_rsa 2.复制Hadoop运行目录.hdfs目录及tmp目录至新的DataNode 3.在新DataNode上启动hadoop ..sbin/hadoop-daemon.sh start datanode ..sbin/yarn-daemon

JS动态增加删除UL节点LI

JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li>

hdfs以及hbase动态增加和删除节点

一个知乎上的问题:Hbase的Region server和hadoop的datanode是否可以部署在一台服务器上?如果是的话,二者是否是一对一的关系?部署在同一台服务器上,可以减少数据跨网络传输的流量. 但不是一对一对的关系,首先,数据还hdfs中保存N份,默认是三分,也就是说数据会分布在三个datanode上,即使regionserver上只保存一个region,它也可以与三个datanode交互,更何况,一台regionserver可以保存多个region. 参考:https://www.

ZooKeeper动态增加Server(动态增加节点)的研究(待实践)

说明:是动态增加Server,不是动态增加连接到ZK Server的Client. 场景如下(转自外文): 1.在t=t_1->[peer-1(Leader),peer-2],peer-1是主节点,所有客户端连接到该节点. 2.在t=t_2->[peer-1(Leader),peer-2,peer-3],稍后的时候,同行3加入了该组.是否可以“动态地”将动态列表添加到zookeeper服务器列表(即,在对等体1上不重新启动ZooKeeper)? 3.在t=t_3->[peer-3(Lea