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"); }
下载地址:http://code.google.com/p/jstree/
文档:http://jstree.com/reference/_documentation/1_files.html
例子:http://jstree.com/reference/_examples/1_datasources.html
分享到:
相关推荐
**jsTree:基于jQuery的超强大树形控件** jsTree是一款高度可定制的JavaScript库,专注于构建交互式的树形结构。它完全基于jQuery,因此能够无缝地融入任何已使用jQuery的项目中,同时支持所有主流浏览器,包括...
在这个场景中,我们关注的是一个基于jQuery的"超漂亮树形控件",这通常用于构建可交互的、层次化的数据展示。树形控件是一种常见的用户界面元素,用于显示具有层级关系的数据,比如文件系统、组织结构或菜单。 标题...
3. **初始化jsTree**:使用`$(selector).jstree(options)`方法初始化树控件,`selector`是树容器的选择器,`options`是一个包含配置项的对象,用于设置初始状态、加载数据的方式、使用的插件等。 4. **处理事件**:...
**jQuery的Tree控件 jstree详解** 在Web开发中,常常需要展示层次结构的数据,例如文件系统、组织架构或导航菜单,这时就需要用到Tree控件。jQuery的jstree插件是一款强大的、可定制化的树形视图库,它能够轻松地将...
JSTree是一款强大的基于JavaScript的树型视图库,它能够方便地在网页中构建和操作交互式的树结构。JSTree与jQuery库结合,提供了丰富的API和多种可配置选项,使得开发者能够轻松实现自定义功能,如拖放操作、搜索、...
总之,js tree是一个强大且灵活的JavaScript控件,能够帮助开发者创建美观、交互性强的树形界面,适用于各种Web应用程序。通过学习和掌握它的使用,你可以提升网页的用户体验,并为项目增添更多交互性的功能。
**jsTree:强大的jQuery树形控件** **一、jsTree基本介绍** jsTree是一款功能丰富的JavaScript库,专为在Web应用中实现交互式的树形结构而设计。它基于流行的jQuery框架,允许开发者轻松地在网页上创建和管理树形...
jstree是一款基于jQuery的开源插件,它提供了一种简单、灵活的方式来创建交互式的目录树结构。这款插件支持多种操作,如展开/折叠节点、搜索、拖放等,适用于文件系统、组织结构、导航菜单等多个场景。 **一、安装...
**基于jQuery的树形结构JsTree使用心得** JsTree是一款基于JavaScript的开源库,它能够帮助开发者轻松地在网页上创建交互式的树形结构。在本文中,我们将深入探讨如何利用jQuery与JsTree来构建这样的功能,同时分享...
jsTree是一款基于jQuery的开源树形插件,它提供了丰富的功能和自定义选项,可以轻松实现网页中的可交互、动态展示的树结构。jsTree支持HTML、JSON等多种数据源,并且提供了搜索、拖放、上下文菜单、多选、异步加载等...
jsTree是一款基于JavaScript的开源库,专门用于创建交互式的树形菜单。它提供了丰富的功能和多种定制选项,适用于网页中的数据组织和展示,如导航菜单、文件系统视图或者数据层级结构的展现。jsTree在Web开发中被...
JS TreeMenu 的异步加载功能通过 jQuery 实现,大大提高了用户体验,特别是对于拥有大量数据的树形控件。通过监听节点事件,结合 AJAX 请求,我们可以在需要时按需加载数据,减少初次加载时的负担。同时,这样的设计...
js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js...
**jstree控件树(可扩展)** `jstree`是一款强大的JavaScript库,用于在Web应用中创建交互式的树形结构。它提供了一种简单而灵活的方式来展示层次化的数据,支持多种功能,如搜索、拖放、多选、上下文菜单等。在...
1. **jsTree基本使用**:jsTree提供了一套完整的API,包括初始化树控件、加载数据、操作节点等方法。例如,`$("#tree").jstree({})`用于初始化一个树,其中的大括号内是配置项,可以设置数据源、主题、可操作性等。 ...
基于强大的jQuery框架,jsTree提供了一种简单而灵活的方式来创建和管理树结构,适用于各种应用场景,如文件系统、导航菜单或组织结构的展示。 ### 一、主要特性 1. **拖放操作**:jsTree 支持节点的拖放功能,允许...