这两天整B/S的东西要在网页上用树来展示层次结构,去网上找了找,找到三个:xtree、mztreeview10(梅花雪树)以及dhtmlxTree.花了一些时间对这三个东西进行了一下测试分析。
1.dhtmxTree
优点:功能非常强,尤其应对树是动态变化的情况,提供了大量的API:比如添加节点、修改节点标题样式及图标、CheckBox功能、节点的查找定位以及拖动,树数据是从特定格式的XML文件(或字符串)中装载。
缺点:正因为功能非常强,所以效率有些低,当节点数达1700多的时候,IE会出“装载时间过长,是否继续等待”的提示,选继续装载,可以装载完成,但节点的展开非常的慢。
2.mztreeview1.0
优点:这个树还是很有特点的,它的数据是一次性加载、异步显示的,也没有对cookie进行任何的操作,效率很高,据官方称:MzTreeView 1.0 在节点量三万至五万以上非常具有优势。
缺点:这个树好象不是设计用来满足节点动态变化这个需求的,应该主要设计用来展示结构层次定死了的树。树的加载是通过调用document.write()来实现的。
3.xtree
这个树跟2有些相似,但多了一个在cookie中保存状态的功能,刷新、前进又后退回去,不会改变树的节点展开、关闭形态,也就说树会保持外观形态。2和3的效率我没有进行测试,但分析应该是2强于3吧。xtree我有同事用,说效率还可以,比dtree强很多。
结论:对要进行较多的操作,树是动态变化的,而节点数又不太多的时候,dhtmxTree是不二的选择;而树是静态不变的,不需要在COOKIE中保存状态,那就用mztreeview了,mztreeview应对节点多的静态树有相当大的优势;xtree是三个产品中唯一使用到cookie的,这是它的显著特点,有这个需求,当然选它了。
我对dhtmlxTree进行了一点小改造,就是加了个在选中节点前添加节点的功能(原来只有添加为后面的同级节点或子节点的功能),这个应该是树节点添加操作中常见的功能,使用dhtmlxTree又需要这个功能的朋友请与我联系。
作者:王力猛 (wallimn)
分享到:
相关推荐
dhtmlxTree是一款基于JavaScript的树形控件,它提供了丰富的功能和自定义选项,用于在Web应用程序中创建交互式的树状数据结构。这个控件允许开发者以灵活的方式展示层次化的信息,例如网站导航、文件系统目录或者...
总结来说,dhtmlxTree 3.6是一个强大且灵活的JavaScript树形控件,提供丰富的功能和良好的扩展性,适用于构建需要展示层级结构的Web应用。通过其丰富的API和扩展模块,开发人员可以轻松地创建符合需求的交互式树形...
**第三方树控件dhtmlxTree 3.6详解** dhtmlxTree是一款流行的JavaScript库,用于在Web应用中创建交互式的树形视图。它提供了丰富的功能和自定义选项,使得开发人员能够轻松地在网页上展示层级结构的数据。...
在提供的压缩包文件名“dhtmlxtree”中,我们可以推测这可能是一个基于DHTMLX Suite的树形控件。DHTMLX是一个流行的JavaScript组件库,提供了多种UI控件,包括表格、日历、树形视图等,用于创建富客户端应用程序。...
2. **XTree**:`xtree.rar`可能包含的是XTree组件,这是一个经典的JavaScript树形控件,它支持多种自定义样式和行为,如拖放、异步加载等。XTree虽然历史悠久,但在某些场景下仍具有实用性。 3. **DHTMLX Tree**:`...
类似于ext的效果,实现了简单的子节点的自动缩进。方便查看树形节点
"js动态树合集dhtmlXTree和dtree.rar"是一个压缩包,包含两种流行的JavaScript树形控件:dhtmlXTree和dtree。这些控件允许开发者在网页中创建可交互的树状结构,用于数据展示、导航或层级数据管理。 首先,...
dhtmlXtree是一款功能强大的JavaScript库,用于在Web页面中创建交互式的树形结构。它提供了丰富的特性,如拖放操作、多选、上下文(右键)菜单、图标支持等,广泛应用于网站导航、数据组织和展示。在这个场景中,...
在网页开发中,数据可视化是不可或缺的一部分,而JavaScript树形组件(如dhtmlxTree)就是一种强大的工具,用于呈现层次结构的数据。dhtmlxTree是一款功能丰富的JavaScript库,它允许开发者创建交互式、可定制的树形...
JavaScript编写的dhtmlXTree库是一款强大的前端组件,主要用于创建交互式、可扩展的树形结构,常用于网站导航、数据展示以及各种管理界面。这个类库基于ECMAScript标准,兼容主流的JavaScript开发环境,同时也支持...
dhtmlxTree是这样的一个JavaScript库,它提供了丰富的功能和自定义选项,使得开发者能够方便地在网页上创建交互式的树形菜单。下面将详细介绍dhtmlxTree的相关知识点。 **一、dhtmlxTree基本概念** 1. **节点...
"超全的JS树形菜单(dhtmlxTree)源代码.doc" 这个标题提到了两个关键概念。首先,"JS树形菜单"是指在JavaScript中实现的一种用户界面元素,通常用于组织和展示层次化的数据。树形菜单允许用户通过节点展开和折叠来...
JS树形菜单是很常用的JS特效代码,常用在管理软件当中,但是一套树形菜单已经不能满足需求,所以如果能有一套比较全面的树形菜单JS特效代码,将会非常方便,下面懒人萱将超全的JS树形菜单(dhtmlxTree)共享出来,...
dhtmlxTree是一款基于JavaScript的树形控件,它允许在网页上创建交互式的、可扩展的树状结构。这款控件支持多种操作,包括节点的添加、删除、拖放、展开与折叠等,可以用于构建导航菜单、组织结构图或者数据层级展示...
dhtmlxtree是一款基于JavaScript的专业级树形控件,它在Web开发中被广泛用于构建动态、交互式的树结构数据展示。这个专业版不仅提供了基本的树形布局功能,还包含了丰富的特性,如动态加载、事件处理以及自定义CSS...
**dhtmlxtree** 是一个基于JavaScript和HTML的树形控件,用于在网页中创建交互式的树结构。这个控件允许用户以图形化的方式展示层次化的数据,常见于网站的导航菜单、文件系统浏览或者组织结构展示。dhtmlxtree 支持...
内容索引:脚本资源,Ajax/JavaScript,树形菜单 dhtmlxTree 树形菜单大集合,就从Dhtml类库里摘录出来的,包含了许多种树形菜单的样式,部分样式如截图所示,不一一上图了,需要的请下载查看。这些树形菜单个个都经过...
dhtmlxtree是一款基于JavaScript的开源树形菜单控件,专为Web开发人员设计,用于在网页中构建交互式、可扩展的树状结构。它提供了丰富的功能和自定义选项,使得用户界面更加直观和易于操作。这款专业版dhtmlxtree在...
dhtmlxTree是一款强大的JavaScript库,用于在Web应用程序中创建交互式树形结构。这个组件提供了丰富的功能,允许开发者构建动态、自定义化的树形视图,非常适合展示层次结构的数据,如目录结构、组织架构或者导航...
【标题】"结点可以拖动,右键弹出操作菜单的树(dhtmlxtree改造)"涉及的是在网页中实现一个交互性强的树形结构组件,这个组件允许用户通过拖放功能来重新组织节点,同时提供了右键点击节点时弹出的操作菜单。...