javascript 树控件 比较好用

 更新时间:2009年06月11日 15:44:24   作者:  
构建树控件的比较理想的一种方法是用ul、li这种简单的标签组合来实现,但是你如果想实现复杂一点的比如要节点可编辑、可拖动、可更换风格等等我想ExtJS是最好的选择了。

 1.ExtJS TreePanels

extjstp

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


2.QooXdoo Tree Widget

qooxtree

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

 

3.jsTree

jqtree

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

 

4.TreeView

jptv

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

5.Destroydrop

destroydrop

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

 

6.jQuery File Tree

jqftree

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

 

7.jQuery Simple Tree

std

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

 

8.DHTML TreeView

dhtmltreeview

又一个轻量级树控件。

9.Graphic JavaScript Tree with Layout

laytree

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

10、Fly mini Tree 1.0 js 树控件

总结

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

相关文章

  • JavaScript实现创建自定义对象的常用方式总结

    JavaScript实现创建自定义对象的常用方式总结

    这篇文章主要介绍了JavaScript实现创建自定义对象的常用方式,结合实例形式总结分析了JavaScript工厂模式、构造函数模式、原型模式、组合模式等常用的自定义对象创建模式操作与使用技巧,需要的朋友可以参考下
    2018-07-07
  • Bootstrap下拉菜单更改为悬停(hover)触发的方法

    Bootstrap下拉菜单更改为悬停(hover)触发的方法

    这篇文章主要为大家详细介绍了Bootstrap下拉菜单更改为悬停(hover)触发的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • JS项目中对本地存储进行二次的封装的实现

    JS项目中对本地存储进行二次的封装的实现

    这篇文章主要介绍了JS项目中对本地存储进行二次的封装,这里我们将要使用到的key存储下来,新建一个叫constant-storage.js的文件,对外暴露一些key的键名,也方便后期统一修改,这里因为都是恒量,所以名称我们都用大写表示,需要的朋友可以参考下
    2022-07-07
  • JS幻想 读取二进制文件

    JS幻想 读取二进制文件

    如果说让JavaScript读取站点上一文本文件,那不过是个再简单不了的事了;但若说要换成一个二进制的文件,并且是完全静态的读取,那似乎有点天方夜谭了。
    2009-04-04
  • ElementUI的Dialog弹窗实现拖拽移动功能示例代码

    ElementUI的Dialog弹窗实现拖拽移动功能示例代码

    这篇文章主要介绍了ElementUI的Dialog弹窗实现拖拽移动功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • javascript的函数

    javascript的函数

    javascript的函数...
    2006-07-07
  • 基于JS实现一个简单的投票demo

    基于JS实现一个简单的投票demo

    这篇文章主要介绍了如何利用JavaScript实现一个简单的投票demo,文中的示例代码讲解详细,对我们学习有一定参考价值,需要的可以参考一下
    2022-06-06
  • 纯javascript响应式树形菜单效果

    纯javascript响应式树形菜单效果

    这篇文章主要为大家分享了纯javascript响应式树形菜单效果的简单教程,对多级目录树形菜单感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 详解Javascript实践中的命令模式

    详解Javascript实践中的命令模式

    这篇文章主要介绍了Javascript实践中的命令模式,对命令模式感兴趣的同学,可以参考下
    2021-05-05
  • 原生JS实现分页点击控件

    原生JS实现分页点击控件

    这篇文章主要为大家详细介绍了原生JS实现分页点击控件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08

最新评论