首页 > 代码库 > 实用的树形菜单控件tree

实用的树形菜单控件tree

2024-07-18 07:18:40   222人阅读

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

jQuery plugin: Treeview

 jQuery  

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

jstree

 jQuery UI Widgets  

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

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开发的树形控件。
Tree-Component.jpg

MooTools Tree-Component

 Mootools  

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

JQTreeTable

 Grid jQuery  

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

jQuery Simple Tree

 jQuery  

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

NotesForMenu

 jQuery  

 

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

wdTree

 jQuery  

 AdubyTree 
AdubyTree是一个带有checkbox复选框的树形jQuery插件。
  • 支持XML和JSON两种数据格式
  • 支持本地数据和动态 AJAX远程数据。
  • 支持checkbox复选框，方便实际应用。
  • 自带basic、books、org、orguser、vista五套主题，用户可以扩展定制主题。
    AdubyTree.jpg

AdubyTree

 jQuery  

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

zTree.png

zTree

 jQuery  

 Lightweight TreeList widget 
这是一个利用jQuery UI Widget Factory创建的轻量级，可换肤树形列表控件。
TreeList.jpg

Lightweight TreeList widget

 jQuery  

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

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

JS树状菜单和表格控件 Tabletree4j

 Grid  

 wdTree 

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

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

wdTree.png

wdTree

 jQuery  

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


联系
我们