javascript 树控件 比较好用


Posted in Javascript onJune 11, 2009

 1.ExtJS TreePanels

javascript 树控件 比较好用

TreePanels 是ExtJS自身使用的树控件,它是目前最好用的树控件之一,它有诸多优点比如支持自由拖放,ExtJS本身就有非常完善的API和开发文档,但是商业项目是需要购买license的。


2.QooXdoo Tree Widget

javascript 树控件 比较好用

QooXdoo Tree Widget是一款OOP风格的js树控件,它支持自由扩展树控件的样式,比如做成跟文件系统一样的风格,还支持动态添加子节点、键盘导航。

 

3.jsTree

javascript 树控件 比较好用

jstree兼容多个浏览器,它有诸多跟extjs TreePanels一样的有点,不过由于是基于Jquery的插件,所以代码风格就不是OOP。

 

4.TreeView

javascript 树控件 比较好用

TreeView 是基于Jquery的轻量性、可扩展性强的树控件,它可以把ul列表转变成可以折叠伸缩的树,支持基于配置存储和cookie的树结构保存策略,树控件的基础代码比较轻量很适合在集成到各种项目。

5.Destroydrop

javascript 树控件 比较好用

跟4功能比较类似,风格更接近xp文件系统,构造起来非常方便。

 

6.jQuery File Tree

javascript 树控件 比较好用

这是一款可配置的、ajax方式读取的Jquery文件浏览插件,大概用一行代码你就可以构造一颗树,它支持的服务端语言包括:PHP, ASP, ASP.NET, JSP, and Lasso,(它直接输出HTML,而jsTree和Extjs分别是通过json和xml来构建树)。

 

7.jQuery Simple Tree

javascript 树控件 比较好用

jQuery SimpleTree是用来展示树形结构的可拖放插件,简介美观但是代码比较晦涩所以扩展可能比较难。

 

8.DHTML TreeView

javascript 树控件 比较好用

又一个轻量级树控件。

9.Graphic JavaScript Tree with Layout

javascript 树控件 比较好用

实现了J.Q.WalkerII(译者注:一种节点定位算法)一款js树控件。

10、Fly mini Tree 1.0 js 树控件

总结

构建树控件的比较理想的一种方法是用ul、li这种简单的标签组合来实现,但是你如果想实现复杂一点的比如要节点可编辑、可拖动、可更换风格等等我想ExtJS是最好的选择了。

Javascript 相关文章推荐
js Dialog 实践分享
Oct 22 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
Jan 12 Javascript
简单介绍jsonp 使用小结
Jan 27 Javascript
vue调用高德地图实例代码
Apr 28 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
前端开发不得不知的10个最佳ES6特性
Aug 30 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
javascript 禁止复制网页
Jun 11 #Javascript
JavaScript 动态改变图片大小
Jun 11 #Javascript
jQuery 学习 几种常用方法
Jun 11 #Javascript
javascript 冒号 使用说明
Jun 06 #Javascript
JavaScript 封装Ajax传递的数据代码
Jun 05 #Javascript
Firefox outerHTML实现代码
Jun 04 #Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 #Javascript
You might like
使用PHP维护文件系统
2006/10/09 PHP
php 设计模式之 单例模式
2008/12/19 PHP
为PHP初学者的8点有效建议
2010/11/20 PHP
PHP7正式版测试,性能惊艳!
2015/12/08 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JavaScript控制table某列不显示的方法
2015/03/16 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
AngularJS模块学习之Anchor Scroll
2016/01/19 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
angular内置provider之$compileProvider详解
2017/09/27 Javascript
vue2导航根据路由传值,而改变导航内容的实例
2017/11/10 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
送给他或她的礼物:FUN.com
2018/08/17 全球购物
读书活动总结范文
2014/04/26 职场文书
2014年药房工作总结
2014/11/22 职场文书
怎样写辞职信
2015/02/27 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
详解Go与PHP的语法对比
2021/05/29 PHP
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python