Javascript是Web开发常用的工具,如果自己开发,是比较复杂的,这里给大家推荐12Javascript树。这些js树有些用过,有些研究过,供大家参考。
1.jsTree
jsTree是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖\放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。
示例:
http://jstree.com/jsTree/examples
2.FileTreePanel
FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能。其它还包括文件上传,重命名,删除,新建与移动。
示例:
http://aariadne.com/filetree
3.jQuery File Tree
jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。
4.dhtmlxTree
dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API,AJAX支持和drag-n-drop。
示例:
http://dhtmlx.com/docs/products/dhtmlxTree/
5.dTree
dTree是一个易于使用的JavaScript树形菜单控件。支持无限分级,可以在同一个页面中放置多个dTree,可以为每个节点指定不同的图标。
示例:
http://destroydrop.com/javascripts/tree/default.html
6.风声JS菜单树
风声JS菜单树,程序基于JavaScript/XHTML/CSS标准实现。支持丰富的功能/表现定制:拥有表现和数据分离,单页面可以应用多个无限级菜单树,多达4种展开模式,风格样式定义结构清晰、灵活又精细等等特性。
示例:
http://www.fonshen.com/MenuTree/demo/index.htm
7.文件夹树形控件
文件夹树形控件。支持利用拖放(drag and drop)操作来重新排序节点,利用Ajax更新节点。
示例:
http://www.dhtmlgoodies.com/scripts/drag-drop-folder-tree/drag-drop-folder-tree.html
8.TafelTree-view
TafelTree-view是一个基于Prototype与Script.aculo.us开发的树形控件。支持拖放操作,Ajax更新节点等。
示例:
http://tafel.developpez.com/site/lang/en/samples.php
9.Mif.Tree
Mif.Tree是一个利用MooTools开发的树形菜单控件。其代码非常灵活,能够让你控制导航的每一部分如:添加新的节点;拖放节点;排序,定义显示外观等。Mif.Tree还支持通过键盘进行浏览,支持带有checkbox控件的Tree menus。
示例:
http://mifjs.net/tree/
10.jQuery Simple Tree
jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点
11.wdTree
wdTree是一个轻量级jQuery插件用于展示带有复选框的树形控件。支持从数据库懒加载节点,可以配置节点属性。
12.AdubyTree
AdubyTree是一个带有checkbox复选框的树形jQuery插件。
支持XML和JSON两种数据格式
支持本地数据和动态 AJAX远程数据。
支持checkbox复选框,方便实际应用。
自带basic、books、org、orguser、vista五套主题,用户可以扩展定制主题。
示例:
http://code.google.com/p/jquery-adubytree/
文章整理:
http://javapub.iteye.com/blog/724407
分享到:
相关推荐
javascript 树形目录 javascript 树形目录 javascript 树形目录 javascript 树形目录 javascript 树形目录 javascript 树形目录
JavaScript 树形菜单JavaScript 树形菜单JavaScript 树形菜单
javascript树形菜单
树形结构生成javaScript 树形结构生成javaScript 树形结构生成javaScript
dtree是可用有产生树形目录的javascript插件,集实用美观与一体。
JavaScript树形控件实现无限级树形菜单
javascript树形控件,包含demo,效果还不错
JavaScript实现树形菜单源码以及使用说明
使用JavaScript实现数据的目录显示使用Ajax从后台取出数据
树形目录,适合分类,尤其是级数比较多的东西!
树形目录菜单生成器,(JavaScript版本)
树形菜单 树形菜单树形菜单 树形菜单树形菜单 树形菜单树形菜单 树形菜单
源码 javascript 树形菜单 脚本说明: 第一步:把如下代码加入区域中 <script language="JavaScript1.2"> scores = new Array(20);var numTotal=0;NS4 = (document.layers) ? 1 : 0;IE4 = (document.all) ? 1 : 0;ver4...
这个是本人原创,希望大家多批评指正。有一些东西还没有完善,主要就是图片没有加上。希望朋友们修改了以后给我发一份,我就是在加图片的时候没有能够实现。
项目中提炼出来的简单好用的js树形控件。欢迎下载。
JavaScript与web树形菜单的对比,简单的几步就可以让你学会无限级树形菜单的制作
javaScript实现树形结构
javascript树形菜单模板 javascript树形菜单模板
使用JavaScript+XML+XSL创建树形目录,源码及示例