• 8 个最好的 jQuery 树形 Tree 插件


    8 个最好的 jQuery 树形 Tree 插件

      由于其拥有庞大,实用的插件库,使得jQuery变得越来越流行。今天将介绍一些最好的jQuery树形视图插件,具有扩展和可折叠的树视图。这些都是轻量级的,灵活的jQuery插件,它将一个无序列表转换为可展开和折叠的树。

    8 个最好的 jQuery 树形 Tree 插件

      Treeview – Expandable and Collapsible Tree jQuery Plugin

      jQuery Treeview是一个轻巧和灵活的jQuery插件。它将一个无序列表转换成一个可扩展和可折叠的树,非常适合导航增强。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      jsTree – jQuery Tree Plugin

      jsTree 是一个基于Javascript,支持多浏览器的Tree view jQuery插件。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      Fancytree – jQuery Tree View Plugin

      Fancytree是一个 JavaScript 动态树形jQuery插件,支持持久化,键盘操作,复选框,表格,拖放,以及延迟加载。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      Dynatree – jQuery Tree View Plugin

      Dynatree是一个jQuery Tree View 插件能够用于使用JavaScript动态创建html树形控件。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      jqTree – Customizable jQuery Tree Plugin

      jqTree 是一个可定制的jQuery树插件,支持树节点的拖放。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      Nestable – jQuery Plugin

      Nestable是一个jQuery的树视图插件使用拖放功能来重新排列顺序。能够很好得支持触摸屏。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      aciTree : A treeview jQuery Plugin

      aciTree是一个可定制,跨浏览器的树状视图jQuery插件。它提供了用于控制元素级别的API,内置使用AJAX功能来加载整个树。

    8 个最好的 jQuery 树形 Tree 插件

      示例

      zTree : jQuery Tree Plugin

      zTree是一个强大的树视图jQuery插件。 zTree的主要优点包括出色的性能,灵活的配置和多种功能的组合。

    8 个最好的 jQuery 树形 Tree 插件

      示例

    源网页:http://www.admin10000.com/document/3778.html

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

    AutoSAR入门到精通系列讲解
    将从2019年开始更新关于AutoSAR的知识,从入门到精通,博主xyfx和大家一起进步
    雪云飞星

    (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保留起诉的权利。
  • 相关阅读:
    mybatis xml中是sql语句报错: Error creating document instance. Cause: org.xml.sax.SAXParseException: The
    先排序,后取前xx条数据
    SQL判断字段是否为空,为NULL,且连续两个字段降序排列(oracle)
    double数据保留两位
    ajax在echart代码中的正确使用
    List集合去重排序
    如何把项目中的lib下的jar包,本机上的jar包导入项目中引用
    MongoVue如何执行JS文件
    三维叠加标签代码
    beatfullsoup
  • 原文地址:https://www.cnblogs.com/think90/p/12463796.html
Copyright © 2020-2023  润新知