`
guoyiqi
  • 浏览: 964031 次
社区版块
存档分类
最新评论

28款jQuery Tree 树形结构插件(转自:http://www.andelse.com/jquery-tree-plugins.html)

 
阅读更多

(1)jQuery File Tree
jquery-tree-drop-down-multi-level-menu-navigation
(2)jQuery plugin: Treeview(演示地址)

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

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

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

(5)CheckTree
带Checkbox的树型jQuery插件。

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

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

(8)FileTreePanel
FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能。其它还包括文件上传,重命名,删除,新建与移动。
FileTree
(9)Yahoo! UI Library: TreeView
YUI TreeView Control这个树形组件,支持通过XMLHttpRequest对象动态加载节点数据,自定义每一个节点metadata。

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

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

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

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

PrototypeScript.aculo.us
(14)DHTML Tree
这是一个基于标准<UL>Html结构构造的Tree控件。

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

(16)CheckTree

带Checkbox的树型jQuery插件。

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

  • layout managers
  • buttons
  • tabs
  • toolbars
  • dialogs
  • panels
  • trees
  • grid control

(18)Mif.Tree

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

(19)MooTools Tree-Component
MooTools Tree-Component支持Drag&Drop操作,采用Mootools开发的树形控件。
Tree-Component.jpg
(20)JQTreeTable
JQTreeTable这个jQuery插件能够将普通的HTML表格转换成带有嵌有Tree控件的表格。
JQTreeTable.jpg
(21)jQuery Simple Tree
jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点。
SimpleTree.jpg
(22)NotesForMenu
NotesForMenu是一个非常简单的jQuery插件用于创建多层级树形菜单,只需一行代码就能够实现。
NotesForMenu.jpg
(23)wdTree
wdTree是一个轻量级jQuery插件用于展示带有复选框的树形控件。支持从数据库懒加载节点,可以配置节点属性。
tree2.jpg
(24)AdubyTree
AdubyTree是一个带有checkbox复选框的树形jQuery插件。

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

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

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

zTree.png
(26)Lightweight TreeList widget
这是一个利用jQuery UI Widget Factory创建的轻量级,可换肤树形列表控件。
TreeList.jpg
(27)jQuery LigerUI
简介 LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果。
LigerUI.jpg

(28)MagicDTree

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

无觅相关文章插件,快速提升流量

别人通过什么关键字搜索找来的: 文章来源::
http://www.andelse.com/
原文链接::
http://www.andelse.com/jquery-tree-plugins.html
版权提示:
本文章由千计谷创作,如需转载,请注明来源于http://www.andelse.com 或标识原文链接。 AndElse.com保留起诉的权利。
分享到:
评论

相关推荐

    最新Color Admin1.9 - bootstrap3响应后台模板+前端网页模板

    http://www.seantheme.com/color-admin-v1.9/admin/html/index.html Color Admin is the new premium and fully responsive admin template. Concept of design for Color Admin is based on the FLAT design and ...

    Bootstrap tree源码 LHLHBootstraptree.rar

    1、jQuery-2.1.4.min.js,路径:plugins/jQuery/jQuery-2.1.4.min.js 2、bootstrap-treeview.min.js,路径:bootstrap/js/bootstrap-treeview.min.js 2、组长选择以及组员的选择部分在 : &lt;!--开始处--&gt; &lt;!--...

    jquery ajax TreeView asp.net改进版

    jquery的treeview 在显示大层次树是会卡死浏览器,我结合http://www.cnblogs.com/xuanye/archive/2009/10/26/1590250.html的改进版做的这个改进版(因为很多人没读他的源码,不知道怎么请求节点的处理页面),把asp...

    Web开发带checkbox的treeview

    jsTree的扩展性很好,能够自行配制,容易上手, 它支持 HTML & JSON 数据 和 AJAX 。是完全免费和开源的。 可以配制成普通的树和带选择框的级联树。

    angular-treetable:AngularJS 的 Treetable 模块

    -- See http://plugins.jquery.com/treetable/ --&gt; &lt; link rel =" stylesheet " type =" text/css " href =" jquery.treetable.css " /&gt; &lt; link rel =" stylesheet " type =" text/css " href =" jquery...

    jquery-easyui 1.5.2API

    ├plugins:easyui核心功能组件分解后的独立插件库(需要配合easyloader.js一起使用。) │ ├src:easyui部分非核心组件的源代码库(核心大组件的源代码并未公布,比如datagrid、combo和tree等。) │ ├themes:...

    jQuery EasyUI 1.5.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jquery-easyui-1.5.5 │ ├demo:easyui普通网页演示页面代码库(可以从中参考很多组件的用法,是个非常好用的demo库。) │ ├demo-mobile:easyui手机端网页演示页面代码库(可以从中参考很多组件的用法,是个非常...

    easyui资料

    这里面包含easyui的chm文档easyui-1.3.5.zip,datagrid项目案例,SSH和easyui整合的案例,easyui异步加载tree,tree和datagrid共用的例子,改好的兼容jQueryUI1.10.3的easyui,另外加一个primeui-10资料。资源分定为1分...

    jquery easyui 1.5.1API(chm、exe、pdf)

    jquery easyui1.5.1中文版文档 jquery-easyui-1.5.1 │ ├demo:easyui普通网页演示页面代码库(可以从中参考很多组件的用法,是个非常好用的demo库。) │ ├demo-mobile:easyui手机端网页演示页面代码库(可以...

    MySQL 5.6 Reference Manual

    Table of Contents Preface, Notes, Licenses . . . . . . . . ....1. Licenses for Third-Party Components ....1.1. FindGTest.cmake License ....1.2. LPeg Library License ....1.3. LuaFileSystem Library License ....

    vue中如何使用ztree

    下面给大家介绍vue ztree 结合使用方法,一起看看吧! 配置package.json 打包下载jquery以及ztree ...项目build的时候自动加载jquery,并且输出到jQuery中,在ztree中会使用到jQuery。 plugins: [ new

Global site tag (gtag.js) - Google Analytics