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 相关文章推荐
javascript中的location用法简单介绍
Mar 07 Javascript
treepanel动态加载数据实现代码
Dec 15 Javascript
使用js解决由border属性引起的div宽度问题
Nov 26 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
Jun 07 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
js实现多图左右切换功能
Aug 04 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
JavaScript的Object.defineProperty详解
Jul 09 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
May 07 Javascript
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
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内存管理之谁动了我的内存
2013/06/20 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
jquery之empty()与remove()区别说明
2010/09/10 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
2015/11/04 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
Vue.js每天必学之方法与事件处理器
2016/09/06 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
bootstrap table分页模板和获取表中的ID方法
2017/01/10 Javascript
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
2019/09/20 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
django最快程序开发流程详解
2019/07/19 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
交通安全寄语大全
2014/04/08 职场文书
村级换届选举方案
2014/05/10 职场文书
庆七一活动总结
2014/08/27 职场文书
因工资原因离职的辞职信范文
2015/05/12 职场文书
2015年教师国培感言
2015/08/01 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
利用python做表格数据处理
2021/04/13 Python
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis