实用的树形菜单控件tree

2023-06-14,,

 jQuery plugin: Treeview 

这个插件能够把无序列表转换成可展开与收缩的Tree。

jQuery plugin: Treeview

 jQuery

 jstree 

jsTree是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖\放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。 

jstree

 jQuery UI Widgets

 FileTreePanel 

FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能。其它还包括文件上传,重命名,删除,新建与移动。

FileTreePanel

 ExtJs

 jQuery File Tree 

jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。

jQuery File Tree

 jQuery

 dhtmlxTree  

dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API,AJAX支持和drag-n-drop功能。

dhtmlxTree

 dTree 

dTree是一个易于使用的JavaScript树形菜单控件。支持无限分级,可以在同一个页面中放置多个dTree,可以为每个节点指定不同的图标。

dTree

 Yahoo! UI Library: TreeView 

YUI TreeView Control这个树形组件,支持通过XMLHttpRequest对象动态加载节点数据,自定义每一个节点metadata。 

Yahoo! UI Library: TreeView

 YUI

 Fonshen JS MenuTree 

风声JS菜单树,程序基于JavaScript/XHTML/CSS标准实现。支持丰富的功能/表现定制:拥有表现和数据分离,单页面可以应用多个无限级菜单树,多达4种展开模式,风格样式定义结构清晰、灵活又精细等等特性。

Fonshen JS MenuTree

 Menu

 Control.Treeview 

采用Mootools开发的树形菜单控件。支持通过Ajax动态获取节点,设置默认选中某些节点。

Control.Treeview

 Mootools

 Folder Tree 

文件夹树形控件。支持利用拖放(drag and drop)操作来重新排序节点,利用Ajax更新节点。

Folder Tree

 TafelTree-view 

TafelTree-view是一个基于Prototype与Script.aculo.us开发的树形控件。支持拖放操作,Ajax更新节点等。

TafelTree-view

 Prototype Script.aculo.us

 DHTML Tree 

这是一个基于标准<UL>Html结构构造的Tree控件。

DHTML Tree

 dFTree 

dFTree是一个javascript+css Folder Tree支持利用Ajax技术动态新增/删除/修改节点等功能。

dFTree

 CheckTree 

带Checkbox的树型jQuery插件。

CheckTree

 jQuery

 JxLib 

JxLib是一个基于Mootools开发的Web UI库。类似于jQuery UI、Ext JS或Dijit。拥有丰富文档和示例。提供的主要UI控件包括:

layout managers
buttons
tabs
toolbars
dialogs
panels
trees
grid control

JxLib

 Grid Menu Mootools Tabs UI

 Mif.Tree 

Mif.Tree是一个利用MooTools开发的树形菜单控件。其代码非常灵活,能够让你控制导航的每一部分如:添加新的节点;拖放节点;排序,定义显示外观等。Mif.Tree还支持通过键盘进行浏览,支持带有checkbox控件的Tree menus。

Mif.Tree

 MooTools Tree-Component 

支持Drag&Drop操作,采用Mootools开发的树形控件。

MooTools Tree-Component

 Mootools

 JQTreeTable 

JQTreeTable这个jQuery插件能够将普通的HTML表格转换成带有嵌有Tree控件的表格。

JQTreeTable

 Grid jQuery

 jQuery Simple Tree 

jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点。

jQuery Simple Tree

 jQuery

 NotesForMenu 

NotesForMenu是一个非常简单的jQuery插件用于创建多层级树形菜单,只需一行代码就能够实现。

NotesForMenu

 jQuery

 wdTree  

wdTree是一个轻量级jQuery插件用于展示带有复选框的树形控件。支持从数据库懒加载节点,可以配置节点属性。

wdTree

 jQuery

 AdubyTree 

AdubyTree是一个带有checkbox复选框的树形jQuery插件。

支持XML和JSON两种数据格式
支持本地数据和动态 AJAX远程数据。
支持checkbox复选框,方便实际应用。
自带basic、books、org、orguser、vista五套主题,用户可以扩展定制主题。

AdubyTree

 jQuery

 zTree 

利用Jquery的核心代码,实现一套能完成大部分常用工作的Tree功能

兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护)
在一个页面内可同时生成多个 Tree 实例
支持 JSON 数据
支持一次性静态生成 和 Ajax异步加载 两种方式
支持多种事件响应及反馈
支持 Tree 的节点移动
支持任意更换皮肤(依靠css)
支持极其灵活的Checkbox选择功能
个性化图标
简单的参数配置实现 灵活多变的功能

zTree

 jQuery

 Lightweight TreeList widget 

这是一个利用jQuery UI Widget Factory创建的轻量级,可换肤树形列表控件。

Lightweight TreeList widget

 jQuery

 jQuery LigerUI 

简介 LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果。

jQuery LigerUI

 jQuery UI

 一个对JQuery Dynatree进行封装的插件 - MagicDTree 

MagicDTree是 JQuery 著名树形插件Dynatree的包装类,增加右键菜单,添加、删除、更新接口。

一个对JQuery Dynatree进行封装的插件 - MagicDTree

 jQuery

 JS树状菜单和表格控件 Tabletree4j 

TableTree4J 是一个开源的基于javascript的树状菜单和表格控件,实用TableTree4J可以轻易实现带树状折叠效果的表格和树状折叠菜单。

支持以下功能:

1.多种模式切换,样式更改 
2.cookies保存树状状态 
3.节点自定义排序 
4.全浏览器支持 
5.支持所有树状控件的基本功能 
6.丰富的API文档和多种展示例子,中英文语言选择

JS树状菜单和表格控件 Tabletree4j

 Grid

 wdTree 

wdTree是一个轻量级jQuery插件用于创建一个带有嵌套Check Boxe的树形控件。它拥有以下特性:

父子节点选中
从数据库懒加树节点
可配置的节点属性

wdTree

 jQuery

出处:http://www.open-open.com/ajax/Tree.htm

实用的树形菜单控件tree的相关教程结束。

《实用的树形菜单控件tree.doc》

下载本文的Word格式文档,以方便收藏与打印。