<script type="text/javascript">
function subproject(id,pid,name){//定义一js对象
this.id=id;
this.pid=pid;
this.name=name;
}
subproject.prototype.toString=function(){//定义对象一方法
//alert("name===>"+this.name+" id===>"+this.id+" pid=>"+this.pid);
}
var demo=new Array();//定义一数组,以下为系列数据
var project=new subproject
(
'12343',
'200907301526500312',
'0909'
);
demo.push(project);
var project=new subproject
(
'2009072918252412343',
'12343',
'090901'
);
demo.push(project);
var project=new subproject
(
'200907301526500311',
'12343',
'da'
);
demo.push(project);
var project=new subproject
(
'200908101134525701',
'200907301526500311',
'da1.1'
);
demo.push(project);
var project=new subproject
(
'200908061536315461',
'12343',
'testDWR insert a node '
);
demo.push(project);
var project=new subproject
(
'200908031628512851',
'200907301526500312',
'分解子项目测试'
);
demo.push(project);
var project=new subproject
(
'200908031635374261',
'200908031628512851',
'分解子项目测试修改之再分'
);
demo.push(project);
var project=new subproject
(
'200908031639480511',
'200908031628512851',
'分解子项目测试之一'
);
demo.push(project);
var project=new subproject
(
'200908101132502741',
'200908031639480511',
'分解子项目测试之一1'
);
demo.push(project);
var project=new subproject
(
'200908101132502581',
'200908031639480511',
'分解子项目测试之一1'
);
demo.push(project);
var project=new subproject
(
'200908101132502891',
'200908031639480511',
'分解子项目测试之一1'
);
demo.push(project);
var project=new subproject
(
'200908031640121761',
'200908031628512851',
'分解子项目测试OK'
);
demo.push(project);
var project=new subproject
(
'200908031640255041',
'200908031640121761',
'分解子项目测试OK1'
);
demo.push(project);
if (document.getElementById) {//以下开始组装数据
var tree = new WebFXTree('东明大道(广深高速-光明园区宝安段)工程',"javaScript:showDiv(this,'200907301526500312','-1');");
tree.setBehavior('classic');
//new WebFXTreeItem([text], [action], [parent], [icon], [openIcon])
// 可以在任何地方调用add方法加入子节点。
for(var i=0;i<demo.length;i++){
var bean=demo[i];
var a =new WebFXTreeItem(bean.name,'200907301526500312');//tree root
if(bean.pid=='200907301526500312'){
tree.add(a);
}
//寻子节点
for(var j=1;j<demo.length;j++){
var sub=demo[j];
if(bean.id==sub.pid){
var b =new WebFXTreeItem(sub.name,"javaScript:showDiv(this"+",'"+sub.id+"','"+sub.pid+"');");
a.add(b);
//迭归寻出子节点下面的子节点
//demo.addNode(sub);
}
}
}
//实际
document.write(tree);
}
分享到:
相关推荐
JavaScript(简称JS)是一种广泛用于前端开发的轻量级编程语言,它被用来为网页添加交互性和动态功能。在Web开发中,数据的组织和展示经常需要用到树形结构,这正是"js树"这一概念的核心。XTree是基于纯JavaScript...
1. **xloadtree.js**: 这可能是xtree的核心加载模块,负责动态加载和处理树形数据。它可能包含异步加载数据的功能,比如从服务器获取数据,或者根据用户操作动态添加、删除或更新节点。 2. **xmlextras.js**: 根据...
"扩展xtree选择树"是一种基于JavaScript实现的数据结构和用户界面组件,主要用于构建可交互的树形数据展示。在Web开发中,它被广泛应用于文件系统导航、组织结构展示、菜单系统等场景,通过xtree,用户可以方便地...
JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发。...在实践中,可能会遇到如性能优化、数据同步、异步加载等问题,都需要深入理解和掌握js tree的原理和最佳实践。
XTree2是一款基于JavaScript编写的树形组件,用于在网页中构建可交互的层次结构数据展示。这个组件的第二部分可能包含对第一部分功能的扩展或优化,将所有代码集中在一个JS文件中,便于管理和维护。在Web开发中,...
在这个压缩包中,主要包含的文件是 "xtree.js",这是一个JavaScript库,提供了对树状数据进行操作和渲染的功能。 在Web开发中,树形结构常常用于表示具有层级关系的数据,比如文件系统、组织架构或菜单导航。xtree....
XTREE是一种用于构建动态树形结构的数据结构,它在计算机科学中常被用于组织和操作数据。这个数据结构允许高效地进行插入、删除和查找操作,特别适合处理层次化的信息。在IT行业中,XTREE常用于文件系统、数据库索引...
xTree的核心实现依赖于JavaScript的DOM操作,通过遍历数据结构,动态生成HTML元素。同时,利用CSS进行样式控制,确保菜单的视觉效果。此外,可能还涉及到AJAX技术,用于异步加载数据,以及可能的jQuery或者其他库的...
**xtree:深入理解与应用** xtree是一个用于数据结构...了解并熟练掌握xtree的使用,对于提升编程效率和解决复杂问题具有重要意义。通过阅读提供的文档和代码,我们可以更深入地学习xtree的各种特性和实际应用技巧。
Js xTree 树形菜单插件附用法演示,本树控菜单插件是XMenu菜单作者写的另一款作品,十分实用,支持无限级树形子菜单展开、折叠,自带有说明文档,对JavaScript稍有点基础知识的朋友,可很轻松使用这款菜单插件,效果...
XTree的核心功能是通过JavaScript动态生成和管理这些树形菜单,为用户提供了一种高效且灵活的方式来组织和展示复杂的数据。 XTree库主要由以下几个关键组件组成: 1. **xtree.js**: 这是核心的JavaScript文件,...
"xtree"是一个专用于构建这种树形视图的组件,它常与数据库系统(如Oracle)以及MVC框架(如Struts)结合使用,以提供动态的数据加载和交互功能。 首先,我们来看"xtree"。Xtree是一个JavaScript库,主要用于在Web...
- **初始化**:在HTML中引入XTree的JS和CSS文件,然后在JavaScript中调用相关API设置菜单数据和配置选项。 - **API调用**:XTree提供了一系列的API接口,如`loadData`用于加载数据,`expandNode`用于展开节点,`...
javascript treeview contal, ajax动态装载xml数据,速度快
XLoadTree是XTREE的一个可能的扩展或变体,专注于动态加载数据。它可能提供了更优化的解决方案来处理大型数据集,只在需要时加载子节点,以提高性能。XLoadTree的使用方法可能与XTREE类似,但会有特定的API和配置...
`xtree`的异常情况可能包括数据加载失败、网络问题等,我们需要捕获并处理这些异常,给出友好的用户反馈。 综上所述,`XTreeDemo`实例将展示如何在`jsp`中集成`xtree`,实现数据的动态加载、用户交互以及与数据库的...
【xTree帮助】:在IT领域,尤其是在软件开发和数据管理中,xTree是一个非常有用的工具,它主要用于处理和操作树形结构的数据。xTree工具以其直观的界面和强大的功能,使得用户能够轻松地浏览、搜索、管理和分析复杂...
3. **节点操作**:支持添加、删除、移动节点等操作,方便用户对数据结构进行动态管理。 4. **搜索功能**:快速定位树中的特定节点,提高工作效率。 5. **导出与导入**:可能支持将树状图保存为文件,方便分享或在...
2. **动态插入和删除**:在不破坏树平衡的前提下,xtree允许在运行时动态地添加和移除元素,保证了操作的高效性。 3. **迭代器支持**:xtree提供了迭代器接口,可以方便地遍历整个树,进行前序、中序、后序等不同...