<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);
}
分享到:
相关推荐
一个很好的js树,用纯js实现,供大家学习和参考
js tree js树形xtree117
Js xTree 树形菜单插件附用法演示,本树控菜单插件是XMenu菜单作者写的另一款作品,十分实用,支持无限级树形子菜单展开、折叠,自带有说明文档,对JavaScript稍有点基础知识的朋友,可很轻松使用这款菜单插件,效果...
javascript treeview contal, ajax动态装载xml数据,速度快
xtree1.1和例子 包含文件xloadtree.js,xmlextras.js,xtree.css,xtree.js 例子为WebProject,加入myEclipse可以运行
xtree js结构树控件 This new version is based on objects, so you do not create the actual html code for the tree yourself, you create an object (the tree's root folder) and then you add child items to ...
扩展xtree选择树
xtreedemo源代码,包含xtree.js等资源
学习和运用Xtree的资源包及使用实例及API,值得学习
XTree树状菜单(利用javascript编写)
用js写的tree组件,这是第二部分,和一放入同一js文件
XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点,而对开发人员来说,就是只需要按...XTREE是基于对象的,通过XTREE,你无需再自己生成HTML代码,而只要生成相应的JS 对象就可以了。
xtree,xloadtree js,css,images 实例
WEB XTREE 树状菜单,嵌套在html标签中.
xtree一颗完整的树xtree+oracle+struts实现
xtree简明教程、例子
XTREE_API
xtree开发包
javascrip 树
老外用JavaScript写的树形菜单. 我感觉比 梅花雪 那个要稍微好用点..帮助文档等都很齐全.