转自http://zhanjia.iteye.com/blog/369038
2009-4-17
jsTree是基于javascript的一个跨浏览器树控件,功能强大,而且是免费的。
1、支持基于HTML定义、Json、XML方式加载树节点
2、支持拖放,动态增加、删除、重命名树节点
3、支持复选框
4、支持复制、剪切、粘贴树节点,动态刷新树
5、提供足够的回调方法:
beforechange: function() { log("About to change"); return true },
beforeopen : function() { log("About to open"); return true },
beforeclose : function() { log("About to close"); return true },
beforemove : function() { log("About to move"); return true },
beforecreate: function() { log("About to create"); return true },
beforerename: function() { log("About to rename"); return true },
beforedelete: function() { log("About to delete"); return true },
onselect : function() { log("Select"); },
ondeselect : function() { log("Deselect"); },
onchange : function() { log("Focus changed"); },
onrename : function() { log("Rename"); },
onmove : function() { log("Move"); },
oncopy : function() { log("Copy"); },
oncreate : function() { log("Create"); },
ondelete : function() { log("Delete"); },
onopen : function() { log("Open"); },
onopen_all : function() { log("Open ALL"); },
onclose : function() { log("Close"); },
error : function() { },
ondblclk : function() { log("Doubleclick"); TREE_OBJ.toggle_branch.call(TREE_OBJ, NODE); TREE_OBJ.select_branch.call(TREE_OBJ, NODE); },
onrgtclk : function() { log("Rightclick"); },
onload : function() { log("Tree loaded"); },
onfocus : function() { log("Tree got focus"); },
ondrop : function() { log("Foreign node dropped"); }
6、此外,还提供了详细的使用文档
jsTree
is a javascript based, cross browser tree component. It uses
jQuery
and
Sarissa
(optionally). jsTree is absolutely free (licensed same as jQuery - under both GPL and MIT - whichever suits your needs).
Currently supported browsers are:
Internet Explorer 6 +, Mozilla Firefox, Safari 3, Opera 9+, Google
Chrome. The latter three are not thoroughly tested. jsTree may also
work with other browsers - please drop me a note if you performed some
tests.
Key features
-
Data sources
:
-
predefined HTML - convert nested lists into a tree on the fly
-
JSON - provide a json object
-
XML - provide a nested structure or a flat (id -> parent_id) one
-
Async loading
- just provide an URL and the tree will request data as needed (works for XML & JSON sources)
-
Open, close, rename, create, delete nodes (all with definable rules)
-
Various callbacks
(onchange, oncreate, ondelete, onload, etc …)
-
Drag & drop support
(definable with rules)
-
Multiple select
-
Localization - maintain the same tree in as many languages as you like
-
Right-to-left support
(supported in both supplied themes)
-
Theme support
(change icons, sizes, backgrounds, etc …)
-
Animated open & close (configurable)
-
Optional keyboard navigation
-
multitree support
- move/copy nodes form to tree to tree (definable with rules)
-
also works as a jQuery plugin
下载地址
:http://code.google.com/p/jstree/
文档
:http://jstree.com/reference/_documentation/1_files.html
例子
:http://jstree.com/reference/_examples/1_datasources.html
相关推荐
插件描述:jsTree是基于javascript的一个跨浏览器树控件,功能强大.
jquery超漂亮树形控件
1、支持基于HTML定义、Json、XML方式加载树节点 2、支持拖放,动态增加、删除、重命名树节点 3、支持复选框 4、支持复制、剪切、粘贴树节点,动态刷新树 5、提供足够的回调方法: 6、此外,还提供了详细的使用文档 ...
jsTree是基于javascript的一个跨浏览器树控件,功能强大,既可以一次性把所有节点都加载到客户端,也可以只加载一层,点击节点后再去服务端获取下层节点。
jQuery的Tree控件 jstree
十分漂亮的 js tree控件 同时也支持动态生成树,使用方便快捷。
jstree-实用的jQuery目录树插件
基于Jquery的JSTree实例,此笔记为学习笔记
jsTree是一个 基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖"放节点操作。
js树形控件js树形控件js树形控件js树形控件js树形控件js树形控件js树形控件js树形控件js树形控件js树形控件
js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js...
jsTree 是一个 基于 jQuery 的 Tree 控件。支持 XML,JSON,Html 三种数据源。提供创建,重命名,移动,删除,拖 " 放节点操作。可以自己自定义创建,删 除,嵌套,重命名,选择节点的规则。在这些操作上可以添加...
jsTree 是基于jquery的树插件,支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等
基于jsTree的无限级树JSON数据的转换 a 基于jsTree的无限级树JSON数据的转换 ddd v 基于jsTree的无限级树JSON数据的转换
例程可正常使用,非常的简单,基本上学过几天代码的人都能够正常使用。采用纯js编写,不复杂
jQuery jsTree大集合,集合了jQuery的大量例子
jstree控件汇总,太多了tree。
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...