Javascript是Web开发常用的工具,如果自己开发,是比较复杂的,这里给大家推荐12Javascript树。这些js树有些用过,有些研究过,供大家参考。
1.jsTree
jsTree是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖\放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。
示例:
http://jstree.com/jsTree/examples
2.FileTreePanel
FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能。其它还包括文件上传,重命名,删除,新建与移动。
示例:
http://aariadne.com/filetree
3.jQuery File Tree
jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。
4.dhtmlxTree
dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API,AJAX支持和drag-n-drop。
示例:
http://dhtmlx.com/docs/products/dhtmlxTree/
5.dTree
dTree是一个易于使用的JavaScript树形菜单控件。支持无限分级,可以在同一个页面中放置多个dTree,可以为每个节点指定不同的图标。
示例:
http://destroydrop.com/javascripts/tree/default.html
6.风声JS菜单树
风声JS菜单树,程序基于JavaScript/XHTML/CSS标准实现。支持丰富的功能/表现定制:拥有表现和数据分离,单页面可以应用多个无限级菜单树,多达4种展开模式,风格样式定义结构清晰、灵活又精细等等特性。
示例:
http://www.fonshen.com/MenuTree/demo/index.htm
7.文件夹树形控件
文件夹树形控件。支持利用拖放(drag and drop)操作来重新排序节点,利用Ajax更新节点。
示例:
http://www.dhtmlgoodies.com/scripts/drag-drop-folder-tree/drag-drop-folder-tree.html
8.TafelTree-view
TafelTree-view是一个基于Prototype与Script.aculo.us开发的树形控件。支持拖放操作,Ajax更新节点等。
示例:
http://tafel.developpez.com/site/lang/en/samples.php
9.Mif.Tree
Mif.Tree是一个利用MooTools开发的树形菜单控件。其代码非常灵活,能够让你控制导航的每一部分如:添加新的节点;拖放节点;排序,定义显示外观等。Mif.Tree还支持通过键盘进行浏览,支持带有checkbox控件的Tree menus。
示例:
http://mifjs.net/tree/
10.jQuery Simple Tree
jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点
11.wdTree
wdTree是一个轻量级jQuery插件用于展示带有复选框的树形控件。支持从数据库懒加载节点,可以配置节点属性。
12.AdubyTree
AdubyTree是一个带有checkbox复选框的树形jQuery插件。
支持XML和JSON两种数据格式
支持本地数据和动态 AJAX远程数据。
支持checkbox复选框,方便实际应用。
自带basic、books、org、orguser、vista五套主题,用户可以扩展定制主题。
示例:
http://code.google.com/p/jquery-adubytree/
文章整理:
http://javapub.iteye.com/blog/724407
分享到:
相关推荐
4. **treeview**:TreeView是另一种常见的JavaScript树形控件,它可以展示数据为层次结构,常用于文件系统、目录结构或者组织结构的展示。TreeView支持节点的拖放操作,提供搜索功能,并允许自定义节点图标,使得UI...
在IT领域,树形菜单是一种常见的用户界面元素,它用于组织和展示层级关系的数据,就像Windows资源管理器中的文件夹结构。这种菜单以其直观、易用的特点被广泛应用于各种应用程序和网站,帮助用户高效地浏览和操作...
当我们提到"JSP(JAVASCRIPT)带复选框的树"时,我们谈论的是在一个网页中构建一种可视化结构,即树形控件,该控件具有可勾选的节点,用户可以选择或取消选择这些节点。这种功能在数据层级关系展示和多选操作中非常...
本话题聚焦于使用Flex处理JSON数据,将其转化为无限层级的树形结构,并添加单选框功能,以便用户选择特定节点,同时能够获取到被选中的子项。这个功能在诸如文件管理系统、组织架构展示、菜单导航等场景中非常常见。...
EXT JS是一个强大的JavaScript前端框架,它提供了一系列丰富的UI组件,包括树形菜单。树形菜单在Web应用中广泛使用,用于展现具有层级关系的数据,如文件系统、组织结构或导航菜单。EXT JS的TreePanel组件就是专门...
2. **数据处理**:将获取到的文件信息转化为适合展示的数据结构,例如树形结构(节点代表目录,子节点代表子目录或文件)。可以使用自定义的`FileNode`类表示每个文件或目录节点,包含文件名、路径、类型等属性,并...
在JSP+JS环境中,动态树的实现可能依赖于一些前端库,如jQuery UI的Treeview插件,或者一些专门的JavaScript树形库如d3.js、zTree等。动态加载通常是为了提高页面性能,避免一次性加载大量数据。 **单选框(Radio ...
DOM是一个基于树形结构的文档模型,允许我们通过JavaScript访问和修改HTML或XML文档的任何部分。例如,我们可以使用`document.getElementById`或`document.querySelector`方法找到特定的表单元素,然后通过`.value`...
收集几个dTree核心的JSP树形菜单实例,本实例介绍的一种比较直观的实现方法,就是将树型菜单的节点保存在数据库表中(当然,在实际项目中,节点的信息往往并不是放在一个单一的表中的。比如:在一个权限管理系统中,...
本项目以“jsp+servlet的菜单树”为主题,意在实现一个基于这两种技术的树形结构信息管理系统,提供用户友好的界面和层次化的操作导航。 **JSP技术**: JSP是一种服务器端脚本语言,它允许开发者将HTML、CSS、...
总之,jQuery树形菜单选择结果特效代码是一个结合了DOM操作、事件处理和数据管理的实例,展示了jQuery在构建交互式Web界面方面的强大能力。通过学习和实践这个例子,开发者可以更好地理解和掌握如何利用jQuery来创建...
树形控件是管理层次化数据的常用UI组件,easyUI通过这些实例向用户展示了如何使用树形控件。 最后,在表单部分,文档提供了创建标记中的树形控件、创建异步树形控件、向树形控件中添加节点、创建带有复选框的树形...
在 JFinal 中,我们可以借助 JSON 数据和前端 JavaScript 框架如 jQuery 来构建动态树形菜单。首先,后端需要生成包含层级关系的数据,这通常是一个嵌套的 JSON 对象。JFinal 提供了丰富的模型操作方法,可以方便地...
在C#或JAVA这样的后端开发语言中,可以通过数据库设计和业务逻辑来管理这些权限,而在前端,使用jQuery等JavaScript库可以轻松地将这些数据呈现为交互式的树形视图。 其次,左侧导航栏树是Web应用中常见的布局模式...
AST是一个树形结构,每个节点代表一个语法结构,便于后续的处理。 2. **解释器Ignition**: 在词法分析和语法分析后,V8使用解释器Ignition对生成的AST进行解释执行。解释器逐行解释字节码,执行JavaScript代码。...
5. **菜单和导航**:提供树形菜单、水平菜单、垂直菜单等多种导航方式,帮助用户在系统中快速定位和操作。 6. **其他组件**:如按钮、进度条、提示信息等,丰富了系统的交互元素,提升用户体验。 **服务器端集成**...
这两个组件是数据展示和管理的核心工具,广泛应用于网页上的数据表格和树形结构的展示。 dhtmlxGrid是一个高度可定制的网格控件,它提供了丰富的功能,如排序、过滤、分页、编辑、拖放以及自定义列格式等。用户可以...
例如,数据网格可以实现数据的增删改查功能,表单则用于收集和验证用户输入,对话框用于展示弹窗提示或进行独立操作,菜单和树形控件则用于导航和展示层级关系。 在“custom”目录中,可能包含了用户自定义的样式和...
1. **组件化设计**:EXTJS以组件为中心,提供了大量的预定义组件,如表格、表单、树形视图等,开发者可以根据需求自由组合,构建复杂的用户界面。 2. **数据绑定**:EXTJS的数据绑定功能使得UI组件和后台数据源之间...
此外,树形组件可以用于展示仓库的分类结构,便于查找和管理不同类型的物品。 在界面设计上,EasyUI提供了多种预设主题,使得系统界面风格统一且专业。同时,响应式布局适应各种设备,无论是台式机还是移动设备,...