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>
ligerui_ligerTree_005_动态增加“树”节点的更多相关文章
- Hadoop概念学习系列之Hadoop集群动态增加新节点或删除已有某节点及复制策略导向 (四十三)
不多说,直接上干货! hadoop-2.6.0动态添加新节点 https://blog.csdn.net/baidu_25820069/article/details/52225216 Hadoop集 ...
- hdfs以及hbase动态增加和删除节点
一个知乎上的问题:Hbase的Region server和hadoop的datanode是否可以部署在一台服务器上?如果是的话,二者是否是一对一的关系?部署在同一台服务器上,可以减少数据跨网络传输的流 ...
- Hadoop 2.6.3动态增加/删除DataNode节点
假设集群操作系统均为:CentOS 6.7 x64 Hadoop版本为:2.6.3 一.动态增加DataNode 1.准备新的DataNode节点机器,配置SSH互信,可以直接复制已有DataNode ...
- JS动态增加删除UL节点LI
JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href=" ...
- Hyperledger fablic 1.0 在centos7环境下的安装与部署和动态增加节点
Hyperledger fablic 1.0 在centos7环境下的安装与部署和动态增加节点 一.安装docker 执行代码如下: curl -sSL https://get.daocloud.io ...
- ZooKeeper动态增加Server(动态增加节点)的研究(待实践)
说明:是动态增加Server,不是动态增加连接到ZK Server的Client. 场景如下(转自外文): 1.在t=t_1->[peer-1(Leader),peer-2],peer-1是主节 ...
- Hadoop动态增加节点与删除节点
Hadoop的全分布式安装网上也很多教程,踩过很多坑,整理不出来了……赶紧把增加删除节点留住. 均衡数据 (1)设置数据传输带宽为64M(默认值比较低) hdfs dfsadmin -setBalan ...
- JPA,EclipseLink 缓存机制学习(一) 树节点搜索问题引发的思考
最近在项目在使用JPA+EclipseLink 的方式进行开发,其中EclipseLink使用版本为2.5.1.遇到一些缓存方面使用不当造成的问题,从本篇开始逐步学习EclipseLink的缓存机制. ...
- ligerui_ligerTree_007_ligerTree动态加载节点
ligerui:ligerTree:动态加载节点: 源码地址:http://download.csdn.net/detail/poiuy1991719/8571255 效果图: 代码:json.txt ...
随机推荐
- weblogic部署项目包,报空指针错误
贴出 报错代码 <weblogic> <> <> <1479765377228> <BEA-240003> <Console enco ...
- javascrit2.0完全参考手册(第二版) 第2章第2节 语言特性
脚本执行顺序 js代码是按照它们在html中出现的顺序一行一行被解释的.这表明把函数定义和变量声明放到<head>中会很好.这保证了函数的代码和事件相关的处理程序不会立即执行. 大 ...
- 制作、解析带logo的二维码
用DecoderQRCode来解析带logo的二维码,发现报错,解析不了,于是便又查资料,找到了更强大的制作二维码 工具:GooleZXing 首先下GooleZXing的jar包. -------- ...
- 【BUG】wego购物分享系统未登陆分享宝贝时查看宝贝自动新增产品数据
1.登录微购http://demo.wego360.com/站. 2.分享宝贝功能检索第三方平台商品数据. 1.登录微购http://demo.wego360.com/站. 2.分享宝贝功能检索第三方 ...
- signal(SIGPIPE, SIG_IGN)
文章来源:http://blog.163.com/niuxiangshan@126/blog/static/170596595201221942952676/ 当服务器close一个连接时,若cl ...
- uploadify 自动访问url 初始化 自动请求
摘要: uploadify 自动请求url, 初始化时自动请求url解决方法. 项目中使用了uploadify 上传图片,当访问到上传页面url,uploadify初始化时再一次访问该url 当我在配 ...
- [LintCode] Happy Number 快乐数
Write an algorithm to determine if a number is happy. A happy number is a number defined by the foll ...
- HDU3177 贪心
Crixalis's Equipment Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Oth ...
- windows用户用VMware 虚拟机安装黑苹果Mac.OS.X操作系统
使用的操作系统操作系统 windows7 SP1 X64 本教程所用 的软件的下载地址都在本教程中 ) 电脑内存低于 4G 的,加内存吧 … 1. SecurAble (检测你的 CPU 是否支持硬件 ...
- 【HDU1914 The Stable Marriage Problem】稳定婚姻问题
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1914 题目大意:问题大概是这样:有一个社团里有n个女生和n个男生,每位女生按照她的偏爱程度将男生排序, ...