`

JSTREE的基本使用

    博客分类:
  • OA
阅读更多

将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后面设置的内容,且这个树具有拖曳功能

分享到:
评论

相关推荐

    jsTree基本例子

    该程序是用java开发的,用到了maven技术。该程序是一套简单的HR系统,其中菜单管理等用到了jsTree,需要的可以下载看看做个参考。

    使用jsTree实现js树形结构

    例程可正常使用,非常的简单,基本上学过几天代码的人都能够正常使用。采用纯js编写,不复杂

    jquery.jstree 增加节点的双击事件代码

    jsTree 是基于jquery的树插件,支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等,总之我想到的它基本上都有了,而且最值得表扬的是它让人感觉一点都不慢哦。 jsTree有节点...

    vue-tree-chart:由D3.js支持的使用Canvas和Svg的灵活树形图

    |演示页面演示Gif使用技术画布版本结合使用D3.js和Canvas可以更有效地绘制organizationChart。 使用unique-color方式识别Canvas中的鼠标单击事件(您可以参考以查看详细信息)SVG版本使用D3计算节点和链接位置使用...

    vue-tree:基于Vue.js 2.0的树和多选组件

    The document is poorly ... 最新版本具有支持下拉树的功能,并使用相同的基本属性和事件(与一致)扩展了以下内容 参量 描述 类型 可选值 默认值 可搜寻的 需要搜索功能 布尔型 ÿ 真正 请选择文字 下拉框默认提

    orgtree实现树列表基本功能

    类似jquery ztree实现的树列表,代码简单,直接引入相关css,js,支持引入json数据。

    EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页

    EasyUI:基本布局&tree菜单数据的绑定&DataGrid数据查询&数据绑定&分页

    tree:JavaScript 树状结构

    ____ ____ ____ ____ ____ ___(_ _)( _ \( ___)( ___) (_ _)/ __) ...特征标准版和缩小版与 travis-ci 集成的基本 QUnit 测试Node.js 支持Tree可以在 node.js 项目中轻松使用: &gt; var Tree = require('./src/tree')unde

    jQuery树形插件jquery.simpleTree.js用法分析

    主要介绍了jQuery树形插件jquery.simpleTree.js用法,结合实例形式分析了jQuery树形菜单插件jquery.simpleTree.js的功能与基本用法,需要的朋友可以参考下

    avalon.simpletree:一个简单的基于 AvalonJs 的树插件

    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可配置项...

    Ext Js权威指南(.zip.001

    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章 ...

    cli-weather:使用 node.js 的基本命令行天气应用程序

    用于查询任何位置的当前天气的基本命令行应用程序。 为使用 nodejs 构建,它将查询 openweather.org api 并返回当前条件。 使用格式:node app.js {Town} {... 为 Treehouse 的 node.js 教程的额外学分部分创建。

    人力资源管理系统的设计与实现.doc

    还使用了Bootstrap、jQuery、jsTree、DataTables、Hibernate、Spring、Spring MVC、JSP技术来支持整个系统的开发。 系统主要包含系统登录、用户管理、菜单管理、角色管理、日志管理、部门管理、待办事项、招聘申请...

    treehouse_profile.js:用于Node.js的npm软件包,用于从Treehouse API中检索JSON中的Treehouse配置文件信息

    treehouse_profile 一个用于Node.js的npm软件包,用于从Treehouse API中检索JSON中的Treehouse配置文件信息。基本用法 var Profile = require ( "treehouse_profile" ) ;var studentProfile = new Profile &#40; ...

    精通JS脚本之ExtJS框架.part1.rar

    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...

    欧拉公式求圆周率的matlab代码-Barnes-Hut-Tree-N-body-Implementation-in-HTML-Js:使用Ba

    Tree通过象限将空间细分,通过近似长距离的粒子相互作用来大幅度提高速度: 用法 使用浏览器打开主文件index.html。 使用蛮力: O(n^2)计算(实际上是(N-1)*N/2 ),对于N = 500,大约有125k力计算。 使用Barnes-Hut...

    精通JS脚本之ExtJS框架.part2.rar

    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实现树形菜单

    在工作中的项目使用的是一个前端基于 jQuery easyui 的一个系统,其中左侧的主菜单使用的是 easyui 中的 ...SimpleTree使用起来比较方便,它实现了最基本的树形菜单的功能,包括1个JS文件、1个CSS文件和5个图标文件。

    zTree源码开发js

    •采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 •兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器 •支持 JSON 数据 •支持静态 和 Ajax 异步加载节点数据 •支持任意更换皮肤 / ...

    treehouse_blog.js:一个npm包,用于检索Treehouse博客文章元数据

    一个用于Node.js的npm软件包,用于获取有关Treehouse博客上最新文章的元数据。 基本用法 var Blog = require ( "treehouse_blog" ) ; var treehouseBlog = new Blog ( ) ; /** * When the "end" event is triggered...

Global site tag (gtag.js) - Google Analytics