>  기사  >  웹 프론트엔드  >  자바스크립트 트리 제어가 사용하기 더 쉽습니다_javascript 기술

자바스크립트 트리 제어가 사용하기 더 쉽습니다_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:51:391472검색

 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와 같은 간단한 태그 조합을 사용하는 것입니다. 그러나 노드 편집 가능, 드래그 가능, 스타일 변경 가능 등을 만드는 등 더 복잡한 것을 구현하려는 경우 I ExtJS가 최선의 선택이라고 생각합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.