<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- The xtree script file -->
<!-- Modify this file to change the way the tree looks -->
body { background: white; color: black; }
input { width: 120px; }
<!-- js file containing the tree content, edit this file to alter the menu,
the menu will be inserted where this tag is located in the document -->
-1){
codeId="a"+sub.pid;
}
res+=""+codeId+".add(a"+sub.id+");";
if(sub.pid!=codeId.substr(1,codeId.length)){
codeId="a"+sub.id;
}
}
//迭归寻出子节点下面的子节点
treeNode(array,sub,tree,codeId);
}
}
return res;
}
if (document.getElementById) {
var tree = new WebFXTree('重大投资项目',"javaScript:showDiv(this,'','111');");
tree.setBehavior('classic');
var a = new WebFXTreeItem('项目1',"javaScript:showDiv(this,'','11');");
tree.add(a);
var b = new WebFXTreeItem('项目1.1',"javaScript:showDiv(this,'','11111');");
a.add(b);
var L1 = new WebFXTreeItem("公路路况","javaScript:showDiv(this,'','111111111');"); //新建结点
tree.add(L1);
var bean=new subproject
(
'200907301526500312',
'-1',
'root'
);
//alert(treeNode(demo,bean,tree,""));
eval(treeNode(demo,bean,tree,""));
//实际
document.write(tree);
}
function addNode() {
//alert(tree.getSelected().id)
if (tree.getSelected()) {
tree.getSelected().add(new WebFXTreeItem(inputName.value,'javaScript:showDiv(this,\'\',\'\');'));
closeDiv();
tree.getSelected().expand();
//-----------------------------------------
//在这里需要添加AJAX的动作。
//完成对新添加节点插入数据库的动作。
//
//------------------------------------------
}
}
function editNode() {
if (tree.getSelected()) {
document.getElementById(tree.getSelected().id+"-anchor").innerHTML=inputName.value;
closeDiv();
//-----------------------------------------
//在这里需要添加AJAX的动作。
//
//
//------------------------------------------
}
}
function delNode() {
if (tree.getSelected()) {
tree.getSelected().remove();
closeDiv();
//-----------------------------------------
//在这里需要添加AJAX的动作。
//
//
//------------------------------------------
}
}
function showDiv(obj,id,pid) {
id=id;
pid=pid;
document.all.inputNameDiv.style.display="";
document.all.inputName.value="";
document.all.inputNameDiv.style.top=document.getElementById(tree.getSelected().id+"-anchor").offsetTop+15;
document.all.inputNameDiv.style.left=document.getElementById(tree.getSelected().id+"-anchor").offsetLeft;
//alert(id);
temp=pid;
}
function closeDiv() {
document.all.inputNameDiv.style.display="none";
}
//-->
分享到：
相关推荐
"xtree demo" 是一个基于JavaScript实现的树形数据结构展示工具的演示程序，它主要用于在Web应用中呈现层次结构的数据。在这个压缩包中，主要包含的文件是 "xtree.js"，这是一个JavaScript库，提供了对树状数据进行...
xtree java异步加载树demo 环境：myeclipse6.5+jdk1.5+tomcat5.5+oracle10g 下载后解压文件后，运行sql脚本，将工程导入到myeclipse中，修改数据源信息，发布运行访问index.jsp页面即可。 sql脚本漏传了：create ...
"xtree菜单树"是一种在计算机程序中用于呈现层次结构数据的用户界面元素。它通常以树状结构显示，其中每个节点代表一个项目，可以展开或折叠以显示或隐藏其子项。在IT领域，xtree是编程中实现菜单系统的一种方式，...
**xtree：深入理解与应用** xtree是一个用于数据结构表示和操作的工具，尤其在计算机科学和编程领域中，它被广泛应用于处理树形结构数据。本文将深入探讨xtree的基本概念、特点、用途以及如何在实际项目中有效地...
`index.html`通常是项目的主页，而`demo.html`则展示了XTree的各种实际应用场景和操作。 7. **images**: 这个目录包含了用于树状菜单的图像资源，如折叠/展开箭头、图标等。 在使用XTree时，开发者首先需要在HTML...
"xtree1.1和例子" 是一个与前端开发相关的主题，主要涉及到的是一个叫做 xtree 的库或者框架。这个库可能是一个用于构建交互式树形结构的JavaScript组件，适用于展示层级关系的数据，如文件系统、组织架构或者导航...
"扩展xtree选择树"是一种基于JavaScript实现的数据结构和用户界面组件，主要用于构建可交互的树形数据展示。在Web开发中，它被广泛应用于文件系统导航、组织结构展示、菜单系统等场景，通过xtree，用户可以方便地...
**XTREE源包及使用实例详解** XTREE是一种用于构建动态树形结构的数据结构，它在计算机科学中常被用于组织和操作数据。这个数据结构允许高效地进行插入、删除和查找操作，特别适合处理层次化的信息。在IT行业中，...
**xTree：JavaScript实现的树形菜单** xTree是一款基于JavaScript技术开发的树形菜单组件。在网页设计中，树形菜单通常用于组织和展示层级结构的信息，如网站导航、文件系统或者数据库结构。xTree因其简洁易用、...
【xTree帮助】：在IT领域，尤其是在软件开发和数据管理中，xTree是一个非常有用的工具，它主要用于处理和操作树形结构的数据。xTree工具以其直观的界面和强大的功能，使得用户能够轻松地浏览、搜索、管理和分析复杂...
"xtree"是一个专用于构建这种树形视图的组件，它常与数据库系统（如Oracle）以及MVC框架（如Struts）结合使用，以提供动态的数据加载和交互功能。 首先，我们来看"xtree"。Xtree是一个JavaScript库，主要用于在Web...
在IT领域，尤其是在网页开发中，XTree是一种广泛使用的JavaScript库，用于创建交互式的树状菜单。这种菜单结构能够帮助用户以层次化的方式浏览和操作数据，尤其适用于组织大量分类信息，如文件系统、网站导航或者...
XTree是基于纯JavaScript实现的一种树状数据结构的控件，它提供了一种高效、灵活的方式来显示和操作树形数据。 **树形结构的基础知识：** 在计算机科学中，树是一种非线性数据结构，由节点（或称为顶点）和边组成。...
"xtree下载 树状图"这个标题暗示我们这里讨论的是一款名为xtree的软件或工具，它用于创建和查看树状图。xtree可能是提供了一种高效的方式，让用户能够一次性加载整个树形结构，以便于快速浏览和操作，正如描述中提到...
《xtree开发包详解》 在编程领域，数据结构与算法是基础中的基础，而树形数据结构在软件设计中有着广泛的应用。xtree作为一款专门用于开发的工具包，其核心在于提供了一种高效、灵活的树型数据结构，为开发者提供了...
2. `demo.htm` 和 `demo.v1.NewTower修改增强.htm`：这些是演示文件，展示了XTREE3.1的基本功能和NewTower的增强特性，通过实际例子帮助开发者理解如何使用和定制菜单。 3. `readme.htm`：通常包含安装说明、使用...
"demo.htm"和"demo.v1.NewTower修改增强.htm"是演示页面，展示了树形菜单的各种功能和应用场景，有助于直观理解其工作原理和效果。 "readme.htm"是使用说明，可能包含了安装、配置和使用XTREE3与XTREE117刘涛改进版...
XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点，而对开发人员来说，就是只需要按一定的格式，生成一段 XML代码。XTREE可以自己定制每个结点的ICON和链接。XTREE是基于对象的，...
《XTree XML生成树 帮助文档》 在IT领域，树形控件是一种常见的用户界面元素，它用于展示数据的层次结构。XTree是一款专门用于生成树形结构的工具，尤其适用于XML数据的展示。本文将详细介绍如何利用XTree来构建...