`

最好用的javascript树控件[转]

阅读更多

 

转自http://jsssc.cn/best-javascript-tree-widgets/

2009-06-06

 

 1. ExtJS TreePanels

extjstp

TreePanels 是ExtJS自身使用的树控件,它是目前最好用的树控件之一,它有诸多优点比如支持自由拖放,ExtJS本身就有非常完善的API和开发文档,但是商业项目是需要购买license的。


2. QooXdoo Tree Widget

qooxtree

QooXdoo  Tree Widget 是一款OOP风格的js树控件,它支持自由扩展树控件的样式,比如做成跟文件系统一样的风格,还支持动态添加子节点、键盘导航。

 

3. jsTree

jqtree

jstree 兼容多个浏览器,它有诸多跟extjs TreePanels一样的有点,不过由于是基于Jquery的插件,所以代码风格就不是OOP。

 

4. TreeView

jptv

TreeView 是基于Jquery的轻量性、可扩展性强的树控件,它可以把ul列表转变成可以折叠伸缩的树,支持基于配置存储和cookie的树结构保存策略,树控件的基础代码比较轻量很适合在集成到各种项目。

5. Destroydrop

destroydrop

跟4功能比较类似,风格更接近xp文件系统,构造起来非常方便。

 

6.jQuery File Tree

jqftree

这是一款可配置的、ajax方式读取的Jquery文件浏览插件,大概用一行代码你就可以构造一颗树,它支持的服务端语言包括:PHP, ASP, ASP.NET, JSP, and Lasso,(它直接输出HTML,而jsTree和Extjs分别是通过json和xml来构建树)。

 

7. jQuery Simple Tree

std

jQuery SimpleTree是用来展示树形结构的可拖放插件,简介美观但是代码比较晦涩所以扩展可能比较难。

 

8. DHTML TreeView

dhtmltreeview

又一个轻量级树控件。

9.Graphic JavaScript Tree with Layout

laytree

实现了J.Q.WalkerII(译者注:一种节点定位算法)一款js树控件。

总结

构建树控件的比较理想的一种方法是用ul、li这种简单的标签组合来实现,但是你如果想实现复杂一点的比如要节点可编辑、可拖动、可更换风格等等我想ExtJS是最好的选择了。

 

原文:Best JavaScript Tree Widgets

分享到:
评论

相关推荐

    javascript 树形控件

    JavaScript树形控件是一种在网页中用于展示层次结构数据的交互式组件,它通常以节点的形式呈现,每个节点可以展开或折叠,展示其子节点。这种控件在各种应用场景中非常常见,例如文件目录浏览、组织结构展示、菜单...

    javascript树形控件

    JavaScript树形控件是一种在网页上实现层次结构展示的用户界面元素,通常用于展示目录结构、组织架构或者数据分类等。由于HTML标准中并未内置这样的组件,开发者需要借助JavaScript库或者自定义代码来创建这样的功能...

    树控件树控件的小例子树控件的小例子树控件的小例子

    4. 初始化树控件:使用JavaScript创建树控件实例,并传入数据和配置项。 5. 绑定事件:根据需要,绑定节点点击、展开等事件,进行相应的业务逻辑处理。 在实际开发中,还需要注意性能优化,比如分页加载大量数据,...

    很好用也很简单的树控件

    这个名为"很好用也很简单的树控件"的资源,正如其标题所言,提供了一个简单易用的树控件解决方案。下面我们将深入探讨这个树控件的特点、功能以及如何利用其中的代码和API来实现你的需求。 首先,这个控件提供了...

    javascript树控件

    JavaScript树控件是一种在网页中实现的交互式用户界面元素,它以树状结构展示数据,通常用于网站导航、文件目录浏览或者复杂的数据层级展示。在ASP.NET框架下,JavaScript树控件允许开发者利用客户端脚本语言提升...

    jstree,javascript树形控件

    总之,`jstree` 是一个强大且灵活的 JavaScript 树形控件,能够满足各种树状结构的展示需求。通过深入了解其核心特性和用法,开发者可以轻松地将其集成到项目中,提升用户体验。同时,遵循最佳实践,可以确保项目的...

    多选的树控件

    在前端,可以使用JavaScript库如jQuery、React、Vue或Angular等,它们都有对应的组件来支持创建多选树控件。例如,React中可以使用rc-tree或者ant-design的Tree组件,这些组件通常提供了丰富的API和回调函数,如...

    多个javascript 树控件.

    多个javascript 树控件. 1.MzTreeView10 2.传统的JS树 3.经过修改可进行AJAX的梅花雪树 4.jtree 5.无限级可刷新Js树型菜单 6.SELECTTREE 7.xtree

    AlaiJSCtr.rar_javascript_javascript 树_目录树_菜单控件_表格

    JavaScript树控件允许用户以折叠和展开的形式查看这些层次结构,使信息更易于理解和操作。通过编程接口,开发者可以添加、删除和修改节点,以及响应用户的点击事件。 其次,"目录树"(目录树)是树控件的一种具体...

    js树控件们截图.rar

    通过分析这些截图,我们可以深入理解JavaScript树控件的实现方式、应用场景和优化策略,为我们的项目选择合适的树控件提供参考。同时,这些截图也可以激发我们对用户体验和交互设计的思考,提升我们开发Web应用的...

    javascript右键菜单控件,树控件,日期控件

    javascript右键菜单控件,树控件,日期控件,有详细说明并有实例演示 树控件 右键菜单 日期控件 树控件:实现树型数据结构的基本展现方式,提供树节点的查找和维护 右键菜单:提供独立的右键菜单组件,可...

    javascript树型控件,绝对好用!

    自己写的一个树型控件,很好用哦。支持动态的添加节点、删除节点、自定义节点图标等。功能使用绝对方便! 此次上传是经过修改的版本,在节点数目较多的情况下,比如500个以上,大大加快了加载速度。以及修正了在节点...

    jquery超漂亮树形控件

    4. `widgetTreeList.js`:这是树形控件的主要JavaScript实现,包含了所有必要的逻辑和功能,如展开/折叠节点、添加/删除节点、选择节点等。 5. `jQuery Treelist widget_files`:这个文件夹很可能包含了其他支持...

    javascript树形结构控件

    JavaScript树形结构控件是一种常见的前端开发元素,用于在网页上呈现层次化的数据,比如文件系统、组织架构或导航菜单等。它通过节点的展开、折叠来模拟树状的层级关系,用户可以通过交互来探索和操作这些数据。下面...

    IE树控件IE树控件IE树控件

    3. **JavaScript库和框架**:许多JavaScript库,如jQuery、Dojo、AngularJS,提供了现成的树控件插件,简化了开发过程。例如,jQuery UI的Treeview模块,通过简单的API就能实现复杂的树形结构。 4. **AJAX技术**:...

    JavaScript 树型控件源码

    JavaScript树型控件是一种在网页上展示层次结构数据的交互组件,它通常用于文件系统、组织结构图或者导航菜单等场景。在这个“JavaScript 树型控件源码”中,我们可以期待找到一个实现这种功能的代码库。接下来,...

    JavaScript面向对象技术实现树形控件

    JavaScript面向对象技术在实现树形控件中扮演着至关重要的角色。树形控件是一种用于展示层次型数据的用户界面元素,它具有扩展和折叠功能,可以在有限的空间内清晰地展示大量的信息,使得数据间的层级关系一目了然。...

    javascript-tree控件集合 大部分JS树形菜单控件 精心收集

    4. **treeview**:TreeView是另一种常见的JavaScript树形控件,它可以展示数据为层次结构,常用于文件系统、目录结构或者组织结构的展示。TreeView支持节点的拖放操作,提供搜索功能,并允许自定义节点图标,使得UI...

Global site tag (gtag.js) - Google Analytics