优秀的树形（tree）控件推荐,都是在网上看到的，大家参考一下

最新推荐文章于 2024-03-19 13:02:21 发布
最新推荐文章于 2024-03-19 13:02:21 发布
阅读量3.7w 收藏 20
点赞数 2

优秀的树形（tree）控件推荐,都是在网上看到的，大家参考一下

---------------------------------------原文地址--------------------- http://www.iteye.com/news/24208

sTree

JsTree是一个基于jQuery的Tree控件。支持HTML、JSON和XML等多种数据源。jsTree是所有jQuery树插件中功能 最完善的。支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保持状态等等。此外，它还支持主题功能，并自带有主题包。 jsTree是完全免费的，遵循GNU许可。

Treeview

Treeview是另一个好用的轻量级jQuery树插件，该插件能够将无序列表转换成可展开与收缩的Tree，支持无限制扩展及动态添加菜单项。Treeview在MIT和GPL协议下开源。

DynaTree

DynaTree 是一个优化的动态jQuery树查看插件，它只在需要时才创建DOM元素。支持checkbox、层级选择以及拖放功能。并且支持ajax和延迟加载。开源协议：MIT和GPL。

----------------原文地址--------------------------------http://www.oschina.net/project/tag/283/jquery-tree

  •    jQuery的Tree控件 jstree    

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

           

  •    JQuery Tree 插件 zTree    

    zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree...     更多zTree信息

               

        最近更新：     JQuery Tree插件——zTree v3.5.14 版 发布     发布于 2个月前    

       

  •    jQuery treeTable    

    jQuery treeTable 插件的功能跟 JQTreeTable 类似，是在一个表格内显示树状结果，如下图所示：     更多jQuery treeTable信息

           

  •    jQuery树状插件 Treeview    

    这是一个用来显示树状结构的jQuery插件。 Current version: 1.4 Compressed filesize: 3390 bytes License: MIT/GPL Tested in: Firefox 2, IE 6 & 7, Opera 9, Safari 3...     更多Treeview信息

           

  •    jQuery联动下拉框 jQuery optionTree    

    jQuery optionTree 是一个用来实现联动下拉列表框的 jQuery 插件，例如用在地区选择上，先选国家、再选省份，最后是地区。 示例代码： <input type="text" name="demo1" />     var option_tree = {        "Option 1": {"Suboption":200},    ...     更多jQuery optionTree信息

           

  •    可拖放的树形控件 jQuery Simple Tree    

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

           

  •    jQuery树形表格插件 jQTreeTable    

    使用JQTreeTable插件你可以得到一个树形表格，如果用户的浏览器禁用了JavaScript，那么他们也能看到普通形式的表格，并不影响可访问性。     更多jQTreeTable信息

           

  •    jQuery树形插件 jquery.dynatree.js    

    dynatree 是一个 jQuery 的插件，用来在网页上显示树形控件的脚本。 示例代码： <html> <head>   <!-- 1. Include jQuery and dynatree libraries: -->   <script src='../jquery/jquery.js' type='text/javascript'></script>   <script src='../jque...     更多jquery.dynatree.js信息

           

  •    jQuery文件浏览器插件 jQuery File Tree    

    jQuery File Tree 是一个可配置的文件浏览器的jQuery插件。运行效果如下图所示： 演示地址：http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/ Features Produces valid, semantic XHTML Fully customizeable via CSS Ability to style i...     更多jQuery File Tree信息

           

  •    jQuery树型菜单 MagicDTree    

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

           

  •    JS 树形控件 MzTreeView    

    MzTreeView 1.0 是数据一次性加载，客户端节点异步展示的WEB脚本树。MzTreeView 1.0 的理论节点数设计上限为十万节点，在节点数三万的情况下页面打开时间小于 3 秒。无限层次无限节点的数的层级组成方式：id parentId。即每个节点除本身的节点id之外还有它...     更多MzTreeView信息

           

  •    jTree    

    I have seen some implementations of sortables list and none really fits my needs. Here is an ultra lightweight jQuery plugin (2.6kb minified!!!!!!!!!) that will do the job right, loads fast and harness the jQuery’s power create a very u...     更多jTree信息

           

  •    CheckTree    

    CheckTree is a simple way of turning a hierarchy of check-able items into a collapse-able tree.     更多CheckTree信息

           

  •    jQuery树形控件 wdTree    

    wdTree is lightweight jQuery plugin for present tree with nested check boxes. Features highlighted: parents/children checking lazy load from database configurable node attributes...     更多wdTree信息

           

  •    Simple Tree +Drag'nDrop    

    jQuery Simple Tree Plugin is intended for displaying tree structures. +Drag&Drop     更多Simple Tree +Drag'nDrop信息

           

liweiwei0725
关注
  • 2
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jquery超漂亮树形控件
04-27
jquery超漂亮树形控件
vue树形UI组件
weixin_43456275的博客
03-09 564
vue树形UI组件
最好用的javascript树控件
sukyle的专栏
06-19 1251
 1.ExtJS TreePanelsTreePanels 是ExtJS自身使用的树控件，它是目前最好用的树控件之一，它有诸多优点比如支持自由拖放，ExtJS本身就有非常完善的API和开发文档，但是商业项目是需要购买license的。2.QooXdoo Tree WidgetQo
JS组件系列——Bootstrap 树控件使用经验分享 - 懒得安分 - 博客园
最新发布
m0_61072747的博客
03-19 626
Js初始化view: {},check: {},data: {},edit: {{ id: 1, pId: 0, name: “父节点1”, open: true },{ id: 11, pId: 1, name: “父节点11” },{ id: 111, pId: 11, name: “叶子节点111” },{ id: 112, pId: 11, name: “叶子节点112” },{ id: 113, pId: 11, name: “叶子节点113” },
Android打造一个高性能无限层级显示的树形控件（Android树形控件）
轻描时光
11-06 565
最近公司的Android项目里有一个地方需要选择某公司的所有部门，因为手机屏幕有限所以并不能像网页那样显示树状结构，但是如果只是用列表依次显示所有的部门又会让用户很难找到想要找的部门（即使加上搜索功能也很难表现出层级关系），由于系统控件ExpandableListView 只能显示两级，加上数据集的组织比较麻烦，所以就使用ListView来实现如下的树形展示效果。为了体现出层级结构，其实就是增加缩进就可以了。接下来我们就以层级显示一个公司的所有部门为需求来实现一下，其实只要具有树形结构我们都可以这样做。
手写Vue个人组件库——fl-Tree 树形选择器
量子前端的博客
07-22 2932
Tree 树形控件 用清晰的层级结构展示信息，可展开或折叠。 基础用法 基础的树形结构展示。 通过dataSource绑定数据源，使用afterToggle获得每次展开收起的回调方法。 同时你还可以配置数据源中的display决定默认展开的选项。 <template> <fl-Tree :dateSource = "treeData" @afterToggle = "afterToggle"></fl-Tree> </template> <scrip
记录几款vue的Tree树形控件
hsany330的专栏
04-09 1525
一：Vue Beauty url：https://fe-driver.github.io/vue-beauty/#/components/tree 特色：找了很多个框架，只有Vue Beauty是带连接线的，刚好项目能用上。 二：iView url：https://www.iviewui.com/components/tree 特点：有比较多的可自定义的地方，这个很好。 三：Element url：https://element.eleme.cn/2.0/#/zh-CN/componen..
vue实现自定义实现树形控件treejs
SunnyRun
08-24 2348
说明：支持点击创建远程数据，loadDataAjax方法，需要自己研究功能小编已实现；针对多层级的列表，我们采用tree的方式，从根节点一次创建绑定子节点的方式，可以递归式的调用本身，对我们的树形结构进行展示；1、创建TreeList文件夹，其中创建：fonts文件夹、index.js文件、tools.js文件、Tree.js文件、VueTreeList.vue文件；近期的一个功能需求，实现一个树形结构：可点击，可拖拽，右侧数据可以拖拽到对应的节点内，可创建文件夹、可创建文件、编辑文件名、可删除等等；
js 优秀的树形（tree）控件
05-06 3928
http://www.iteye.com/news/24208 https://blog.csdn.net/liweiwei0725/article/details/20913953
28款jQuery Tree 树形结构插件（转自：http://www.andelse.com/jquery-tree-plugins.html）
guoyiqi
02-08 915
（1）jQuery File Tree （2）jQuery plugin: Treeview(演示地址) 这个插件能够把无序列表转换成可展开与收缩的Tree。 （3）jstree jstree是一个基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖"放节点操作。可以自己自定义创建，删除，嵌套，重命名，选择节点的规则。在...
javascript 树形控件xtree
shikonglaike的专栏
06-19 196
很好用的树形控件，里面有例子
一个漂亮的树形组件 FlyTreeView 4.3完美破解
09-13
9rays公司的FlyTreeView4.3 for VS2005, 个人认为功能与美观最好的一个树形组件... 未破解前，会有45天的试用期限制。超期以后运行时会有异常：“9Rays.Net FlyTreeView for ASP.NET 2.0 evaluation period has expired.”
好看的树样式tree
08-18
js可折叠树样式，用于显示分组列表，使用js简单的封装，方便使用
VB自制的漂亮Tree树控件
05-12
摘要:VB源码,界面编程,树形菜单　　自制的超漂亮的VBTree树控件源码，快速即可实现一个树形菜单，或者说是折叠菜单，另外还有滚动条及CheckBox和漂亮按钮等窗体元素的美化实例等。
最好用的 7 个 Vue Tree select 树形组件 - 卡拉云
热门推荐
蒋川@卡拉云
02-28 1万+
Vue 树形选择器（Vue tree select）组件在搭建 Vue 的 app 中特别常用，Vue tree select 除了简单的树形结构外，还有非常多样的功能来配合不同场景的使用。比如搜索过滤，前端添加删除树枝，前端编辑修改子树名，拖拽排序，对用户操作事件记录等。本文记录了我自己使用多年最好用的 7 款 Vue tree select 组件，每一款都经过我实际测试，推荐给大家。
推荐web页面开发中11个Javascript（AJAX）树形菜单（树形控件）
流渊的专栏
04-26 2926
树形菜单能很好的呈现菜单项之前的从属关系，结构清晰明了。本文为你收集了11个javascript树形菜单。
element-ui树形控件el-tree详解
m0_63040701的博客
05-26 1万+
我这里不是直接用data来传递整个树的数据，而是用懒加载的方式，当点击一个节点的时候再进行树结构的添加。这里我利用element-ui开发一个vue的树形组件。修改vite.config.js配置按需加载。安装element-plus。
漂亮的JS树控件，自带8个皮肤（dhtmlxTree）
小眼睛
11-12 2351
dhtmlxTree（DHTML的扩展树）是一个功能丰富的JavaScript树形菜单 ，允许你轻松地创建有吸引力，快速装载能力下降层次树与跨浏览器兼容性，Ajax支持，在线节点编辑，和拖放的N -。 Special techniques implemented into this JavaScript tree control make it possible to load even big trees fast and effectively .树控件的JavaScript特别的技术落实到这使人们有可
自定义《element-UI》el-tree 的样式 、亲测管用
技术前端，忠于热爱 @0.活在风浪里
03-15 1万+
自定义《element-UI》el-tree 的样式 、亲测管用
tree 树形控件默认选中
06-10
您好！针对树形控件的默认选中，通常来说可以通过设置树形控件的 checked 属性来实现。具体操作可以参考以下示例代码： ```html <el-tree :data="treeData" :default-checked-keys="[2, 5]"></el-tree> ``` 其中，treeData 为树形控件要展示的数据，default-checked-keys 属性可以设置默认选中的节点的 key 值，多个节点的 key 值可以用数组来表示。当然，如果您使用的是其他的树形控件，可能会有不同的实现方式，可以参考对应的文档或者 API。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值