将theme,lib,jquery-tree.js放于根目录下,这三个文件或文件夹之间的路径关系不要改变,如果要改变要进行相应的设置
data.jsp全部页面代码只需要下面一行
{data:"Fuck You!", state: "closed"}
test.jsp
<script type="text/javascript">
$(document).ready(function(){
$("#documentCatalog").tree({
data:{
type: "json",
async: true,
opts:{
method: "POST",
url: "http://localhost:8088/oa/DocumentCatalog/data.jsp"
}
},
ui:{
dots : true, // BOOL - dots or no dots
theme_name : "default"// if set to false no theme will be loaded
}
}
);
});
</script>
即可看到一个树,每一个树的内容都是data后面设置的内容,且这个树具有拖曳功能
分享到:
相关推荐
该程序是用java开发的,用到了maven技术。该程序是一套简单的HR系统,其中菜单管理等用到了jsTree,需要的可以下载看看做个参考。
例程可正常使用,非常的简单,基本上学过几天代码的人都能够正常使用。采用纯js编写,不复杂
jsTree 是基于jquery的树插件,支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等,总之我想到的它基本上都有了,而且最值得表扬的是它让人感觉一点都不慢哦。 jsTree有节点...
|演示页面演示Gif使用技术画布版本结合使用D3.js和Canvas可以更有效地绘制organizationChart。 使用unique-color方式识别Canvas中的鼠标单击事件(您可以参考以查看详细信息)SVG版本使用D3计算节点和链接位置使用...
The document is poorly ... 最新版本具有支持下拉树的功能,并使用相同的基本属性和事件(与一致)扩展了以下内容 参量 描述 类型 可选值 默认值 可搜寻的 需要搜索功能 布尔型 ÿ 真正 请选择文字 下拉框默认提
类似jquery ztree实现的树列表,代码简单,直接引入相关css,js,支持引入json数据。
EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页
____ ____ ____ ____ ____ ___(_ _)( _ \( ___)( ___) (_ _)/ __) ...特征标准版和缩小版与 travis-ci 集成的基本 QUnit 测试Node.js 支持Tree可以在 node.js 项目中轻松使用: > var Tree = require('./src/tree')unde
主要介绍了jQuery树形插件jquery.simpleTree.js用法,结合实例形式分析了jQuery树形菜单插件jquery.simpleTree.js的功能与基本用法,需要的朋友可以参考下
2014.11.10 : v0.1 参考了zTree,easyui.tree,oniUI.tree,加入了tree的基本功能 2014.11.12 : v0.11 加入DblClick响应、数个可配置项(formatter,callback...),重构了代码结构 2014.11.17 : v0.12 加入data可配置项...
3.2.1 使用debugbar和companion.js调试 / 76 3.2.2 使用ietester测试 / 80 3.2.3 在ie 8或ie 9中调试 / 83 3.3 在chrome中调试 / 84 3.4 调试工具的总结 / 84 3.5 调试技巧 / 85 3.6 本章小结 / 89 第4章 ...
用于查询任何位置的当前天气的基本命令行应用程序。 为使用 nodejs 构建,它将查询 openweather.org api 并返回当前条件。 使用格式:node app.js {Town} {... 为 Treehouse 的 node.js 教程的额外学分部分创建。
还使用了Bootstrap、jQuery、jsTree、DataTables、Hibernate、Spring、Spring MVC、JSP技术来支持整个系统的开发。 系统主要包含系统登录、用户管理、菜单管理、角色管理、日志管理、部门管理、待办事项、招聘申请...
treehouse_profile 一个用于Node.js的npm软件包,用于从Treehouse API中检索JSON中的Treehouse配置文件信息。基本用法 var Profile = require ( "treehouse_profile" ) ;var studentProfile = new Profile ( ...
10.1 TreePanel的基本使用 10.1.1 创建一棵树 10.1.2 为树生枝展叶 10.1.3 树形的配置 10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5...
Tree通过象限将空间细分,通过近似长距离的粒子相互作用来大幅度提高速度: 用法 使用浏览器打开主文件index.html。 使用蛮力: O(n^2)计算(实际上是(N-1)*N/2 ),对于N = 500,大约有125k力计算。 使用Barnes-Hut...
10.1 TreePanel的基本使用 10.1.1 创建一棵树 10.1.2 为树生枝展叶 10.1.3 树形的配置 10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5...
在工作中的项目使用的是一个前端基于 jQuery easyui 的一个系统,其中左侧的主菜单使用的是 easyui 中的 ...SimpleTree使用起来比较方便,它实现了最基本的树形菜单的功能,包括1个JS文件、1个CSS文件和5个图标文件。
•采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 •兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器 •支持 JSON 数据 •支持静态 和 Ajax 异步加载节点数据 •支持任意更换皮肤 / ...
一个用于Node.js的npm软件包,用于获取有关Treehouse博客上最新文章的元数据。 基本用法 var Blog = require ( "treehouse_blog" ) ; var treehouseBlog = new Blog ( ) ; /** * When the "end" event is triggered...