`
hunter090730
  • 浏览: 195300 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

烦人的js XTree 动态组装数据问题

    博客分类:
  • js
 
阅读更多

<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树,xtree,纯js

    JavaScript(简称JS)是一种广泛用于前端开发的轻量级编程语言,它被用来为网页添加交互性和动态功能。在Web开发中,数据的组织和展示经常需要用到树形结构,这正是"js树"这一概念的核心。XTree是基于纯JavaScript...

    xtree1.1和例子

    1. **xloadtree.js**: 这可能是xtree的核心加载模块,负责动态加载和处理树形数据。它可能包含异步加载数据的功能,比如从服务器获取数据,或者根据用户操作动态添加、删除或更新节点。 2. **xmlextras.js**: 根据...

    扩展xtree选择树

    "扩展xtree选择树"是一种基于JavaScript实现的数据结构和用户界面组件,主要用于构建可交互的树形数据展示。在Web开发中,它被广泛应用于文件系统导航、组织结构展示、菜单系统等场景,通过xtree,用户可以方便地...

    js树形xtree117

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发。...在实践中,可能会遇到如性能优化、数据同步、异步加载等问题,都需要深入理解和掌握js tree的原理和最佳实践。

    用js写的tree组件 xtree2

    XTree2是一款基于JavaScript编写的树形组件,用于在网页中构建可交互的层次结构数据展示。这个组件的第二部分可能包含对第一部分功能的扩展或优化,将所有代码集中在一个JS文件中,便于管理和维护。在Web开发中,...

    xtree demo

    在这个压缩包中,主要包含的文件是 "xtree.js",这是一个JavaScript库,提供了对树状数据进行操作和渲染的功能。 在Web开发中,树形结构常常用于表示具有层级关系的数据,比如文件系统、组织架构或菜单导航。xtree....

    xtree源包及使用实例

    XTREE是一种用于构建动态树形结构的数据结构,它在计算机科学中常被用于组织和操作数据。这个数据结构允许高效地进行插入、删除和查找操作,特别适合处理层次化的信息。在IT行业中,XTREE常用于文件系统、数据库索引...

    xTree

    xTree的核心实现依赖于JavaScript的DOM操作,通过遍历数据结构,动态生成HTML元素。同时,利用CSS进行样式控制,确保菜单的视觉效果。此外,可能还涉及到AJAX技术,用于异步加载数据,以及可能的jQuery或者其他库的...

    xtree

    **xtree:深入理解与应用** xtree是一个用于数据结构...了解并熟练掌握xtree的使用,对于提升编程效率和解决复杂问题具有重要意义。通过阅读提供的文档和代码,我们可以更深入地学习xtree的各种特性和实际应用技巧。

    Js xTree 树形菜单插件附用法演示.rar

    Js xTree 树形菜单插件附用法演示,本树控菜单插件是XMenu菜单作者写的另一款作品,十分实用,支持无限级树形子菜单展开、折叠,自带有说明文档,对JavaScript稍有点基础知识的朋友,可很轻松使用这款菜单插件,效果...

    XTree

    XTree的核心功能是通过JavaScript动态生成和管理这些树形菜单,为用户提供了一种高效且灵活的方式来组织和展示复杂的数据。 XTree库主要由以下几个关键组件组成: 1. **xtree.js**: 这是核心的JavaScript文件,...

    xtree一颗完整的树xtree+oracle+struts

    "xtree"是一个专用于构建这种树形视图的组件,它常与数据库系统(如Oracle)以及MVC框架(如Struts)结合使用,以提供动态的数据加载和交互功能。 首先,我们来看"xtree"。Xtree是一个JavaScript库,主要用于在Web...

    XTree生成树状菜单

    - **初始化**:在HTML中引入XTree的JS和CSS文件,然后在JavaScript中调用相关API设置菜单数据和配置选项。 - **API调用**:XTree提供了一系列的API接口,如`loadData`用于加载数据,`expandNode`用于展开节点,`...

    Xtree树状js class

    javascript treeview contal, ajax动态装载xml数据,速度快

    xtree,xloadtree所需js,css,images文件和实例

    XLoadTree是XTREE的一个可能的扩展或变体,专注于动态加载数据。它可能提供了更优化的解决方案来处理大型数据集,只在需要时加载子节点,以提高性能。XLoadTree的使用方法可能与XTREE类似,但会有特定的API和配置...

    完整的xtree例子 和jsp联系

    `xtree`的异常情况可能包括数据加载失败、网络问题等,我们需要捕获并处理这些异常,给出友好的用户反馈。 综上所述,`XTreeDemo`实例将展示如何在`jsp`中集成`xtree`,实现数据的动态加载、用户交互以及与数据库的...

    xTree帮助

    【xTree帮助】:在IT领域,尤其是在软件开发和数据管理中,xTree是一个非常有用的工具,它主要用于处理和操作树形结构的数据。xTree工具以其直观的界面和强大的功能,使得用户能够轻松地浏览、搜索、管理和分析复杂...

    xtree下载 树状图

    3. **节点操作**:支持添加、删除、移动节点等操作,方便用户对数据结构进行动态管理。 4. **搜索功能**:快速定位树中的特定节点,提高工作效率。 5. **导出与导入**:可能支持将树状图保存为文件,方便分享或在...

    xtree开发包

    2. **动态插入和删除**:在不破坏树平衡的前提下,xtree允许在运行时动态地添加和移除元素,保证了操作的高效性。 3. **迭代器支持**:xtree提供了迭代器接口,可以方便地遍历整个树,进行前序、中序、后序等不同...

Global site tag (gtag.js) - Google Analytics