树形菜单大集合,带checkbox,带右键菜单,重命名,动态修改等

本文介绍了多种基于不同JavaScript库的树形控件,包括zTree、jsTree、dhtmlxTree等,涵盖jQuery、Mootools等多个流行框架。这些控件支持多种数据格式和动态加载,具备丰富的交互功能。
摘要由CSDN通过智能技术生成
zTree 
利用Jquery的核心代码,实现一套能完成大部分常用工作的Tree功能
  • 兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护)
  • 在一个页面内可同时生成多个 Tree 实例
  • 支持 JSON 数据
  • 支持一次性静态生成 和 Ajax异步加载 两种方式
  • 支持多种事件响应及反馈
  • 支持 Tree 的节点移动
  • 支持任意更换皮肤(依靠css)
  • 支持极其灵活的Checkbox选择功能
  • 个性化图标
  • 简单的参数配置实现 灵活多变的功能
    zTree.png

    zTree

    树形菜单,记录一下 - 嘟嘟熊 - 嘟嘟熊的博客 jQuery  

树形菜单,记录一下 - 嘟嘟熊 - 嘟嘟熊的博客  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控件包括:
树形菜单,记录一下 - 嘟嘟熊 - 嘟嘟熊的博客 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  

 
树形菜单,记录一下 - 嘟嘟熊 - 嘟嘟熊的博客 Lightweight TreeList widget 
树形菜单,记录一下 - 嘟嘟熊 - 嘟嘟熊的博客
这是一个利用jQuery UI Widget Factory创建的轻量级,可换肤树形列表控件。
TreeList.jpg

Lightweight TreeList widget

树形菜单,记录一下 - 嘟嘟熊 - 嘟嘟熊的博客 jQuery 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值