ligerui_ligerTree_002_利用JavaScript代码配置ligerTree节点
2024-09-21 08:53:22
利用JavaScript代码配置ligerTree节点:
源码地址:http://download.csdn.net/detail/poiuy1991719/8571255
效果图:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>JavaScript配置数据形式</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">
$(function() {
$("#tree1").ligerTree({
data : [{
text : '节点1',
children : [{
text : '节点1.1'
}, {
text : '节点1.2'
}, {
text : '节点1.3',
children : [{
text : '节点1.3.1'
}, {
text : '节点1.3.2'
}]
}, {
text : '节点1.4'
}]
}, {
text : '节点2'
}, {
text : '节点3'
}, {
text : '节点4'
}]
});
$("#tree1").ligerTree({
checkbox : false
});
});
</script>
</head>
<body>
JavaScript配置数据,的“树”效果
<br>
<div
style="width:200px; height:300px; margin:10px; float:left; border:1px solid #ccc; overflow:auto; ">
<!-- 3:编写HTML代码 -->
<ul id="tree1"> </ul>
</div>
<div style="display:none"></div>
<br>
<a href="index4.jsp">下一效果:</a>
</body>
</html>
最新文章
- MongoDB分组汇总操作,及Spring data mongo的实现
- ctype.h库函数----字符操作函数
- Linux服务器管理: 系统的进程管理pstree命令
- [MSSQL2005]再看CTE
- ios面试总结-
- PHP 系列:PHP Web 开发基础
- [IOS SQLITE的使用方式]
- 证书 pki
- PHP对大小写敏感问题的处理比较乱,写代码时可能偶尔出问题,所以这里总结一下。以便用到的出现错误
- C++ 11 之初始化
- 【转】从零开始,让你的框架支持CocoaPods
- LFS实践
- Django Web在Apache上的部署
- c#一个分页控件的例子
- DEV中gridview常用属性的设置
- php登录利用$token验证
- linux进程资源占用高原因分析命令记录
- composer安装laravel
- 无网络环境下安装Dynamics CRM
- spark在idea中本地如何运行?(处理问题NoSuchFieldException: SHUTDOWN_HOOK_PRIORITY)
热门文章
- Unicode与UTF8相互转化(使用MultiByteToWideChar)
- ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案
- pickle 数据对象的序列化和反序列化
- php图片处理函数自定义画图和引入图片
- java中String.valueOf()和toString()方法的区别
- Android 自定义控件之app标题栏的封装
- 30天,App创业从0到1【7.12西安站】
- 给JBoss种蛊分析
- Java静态代码分析工具——FindBugs插件的安装与使用
- 第三篇 Replication:事务复制-发布服务器