<!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来构建...