感觉上编程创建树结构要比使用标签创建更加容易，不知道各位想法如何？？
例子如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Tree Widget Test (dynamic node creation)</title>
<script type="text/javascript">
var djConfig = {isDebug: true, debugAtAllCosts: true };
</script>
<!-- 引入dojo库-->
<script type="text/javascript" src="../../../dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.TreeV3");
dojo.require("dojo.widget.TreeNodeV3");
dojo.require("dojo.widget.TreeBasicControllerV3");
dojo.hostenv.writeIncludes();
</script>
<script type="text/javascript">
<!-- 加载完叶面后执行-->
dojo.addOnLoad(function(){
//创建controller,tree
var controller = dojo.widget.createWidget("TreeBasicControllerV3");
var tree = dojo.widget.createWidget("TreeV3", {listeners:[controller.widgetId]});
//这里直接加到body上，可以指定任一个容器
document.body.appendChild(tree.domNode);
var rootNode = dojo.widget.createWidget("TreeNodeV3", {title: "Root Node", tree: tree.widgetId});
//创建根节点
tree.addChild(rootNode);
var node1 = dojo.widget.createWidget("TreeNodeV3", {title: "Node 1", tree: tree.widgetId});
//增加子节点
rootNode.addChild(node1);
//给node1增加子节点
var node2 = dojo.widget.createWidget("TreeNodeV3", {title: "Node 1.2", tree: tree.widgetId});
node1.addChild(node2, null, "after");
});
</script>
</head>
<body>
</body>
</html>
分享到：
相关推荐
js做的树型结构,应该是很好的,javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型...
在Java开发中，树型结构是一种常见的数据组织方式，它模拟了自然界中的树状结构，由节点（Node）和边（Edge）组成，每个节点可以有零个或多个子节点。这种结构在很多场景下都非常有用，比如文件系统、组织架构、...
在本案例中，我们将探讨如何使用DataWindow来实现一个treeview，即树型结构，这对于组织层次化数据非常有用。TreeView控件在用户界面设计中常见，因为它提供了一种直观的方式来展示具有父子关系的数据。 1. **...
"Java递归树型结构通用数据库" Java递归树型结构通用数据库是指使用Java语言实现的递归树型结构数据库系统，该系统可以实现树型结构的部门管理，包括部门的添加、删除、修改和查询等操作。 知识点： 1. 递归树型...
### 一种基于Ajax的动态树型结构的设计与实现 #### 摘要 本文提出了一种新型的动态树型结构的实现方案，该方案利用了Yahoo用户界面库和Ajax（异步JavaScript和XML）技术。这种方法能够构建出结构清晰、具有良好...
在JavaScript（JS）编程中，生成树型结构是一种常见的需求，尤其在数据可视化、文件系统模拟、目录结构展示以及组织复杂的数据关系时。本篇将深入探讨如何利用JavaScript实现这样的功能，结合简单、易用且美观的代码...
在Delphi编程环境中，数据库关联树型结构的生成与同步数据维护是开发高效数据库应用程序的重要环节。本资料主要探讨了如何在Windows XP操作系统下，利用Delphi 7进行相关操作。 首先，我们要理解数据库关联的概念。...
在创建树型结构时，我们通常使用`<ul>`和`<li>`元素来代表树的节点和子节点。例如： ```html 节点1 子节点1.1 子节点1.2 节点2 子节点2.1 ``` 二、CSS美化 CSS（Cascading Style Sheets）...
树型结构和树型菜单是数据可视化的一种常见方式，它们能够帮助用户有效地组织和导航复杂的数据层次。在这个场景下，"js动态树型结构 树型菜单"指的是使用JavaScript实现的可以动态加载、展示和操作的树状菜单系统。 ...
在C#中，我们可以使用System.Windows.Forms命名空间下的TreeView和TreeNode类来创建和管理树型结构。 创建一个基本的树型控件的步骤如下： 1. 引用System.Windows.Forms命名空间：在代码文件的顶部添加`using ...
树型结构算法树型结构算法树型结构算法树型结构算法
首先，创建树型结构的基本元素是HTML的`<ul>`和`<li>`标签。`<ul>`代表无序列表，`<li>`则表示列表项。在JavaScript中，我们可以通过操作这些DOM元素来实现树的展开与收缩。以下是一个简单的树节点定义： ```html ...
VB（Visual Basic）是微软公司开发的一种面向对象的编程语言，它提供了丰富的控件和函数库，使得开发者能够方便地创建图形用户界面和处理各种数据结构，包括树型结构的存储文件。 本源码“树型结构的存储文件 VB...
本文将详细探讨"js+html+xml树型结构"在Web开发中的应用，以及如何利用这些技术创建出高效且直观的树形展示。 首先，HTML（HyperText Markup Language）是网页的基础，用于定义网页的结构。在构建树型结构时，HTML...
在IT领域，树型结构是一种重要的数据结构，广泛应用于各种软件开发中，特别是在Java编程语言中。本资源“tre.rar”包含了一份关于Java实现树型结构的程序，以及相关的学习资料，适合对这一主题感兴趣或者正在开发...
"ROOT树型结构"通常指的是在Web应用中用于组织和展示数据的一种图形化方式，特别是对于层次结构明显的数据，如目录、组织架构或文件系统等。这种结构以树状的形式呈现，用户可以通过展开和折叠节点来探索和操作数据...
在这个“我的树型结构练习使用”的项目中，我们很显然会关注如何创建、操作和理解树型结构。 首先，我们需要了解树的基本概念。一棵树由节点（或称为顶点）和边构成，每个节点可以有零个或多个子节点，而根节点没有...
本例"JSP实现树型结构TREE"提供了一个使用JSP（JavaServer Pages）、EXTJS（一个前端JavaScript框架）、JSON（JavaScript Object Notation）以及MySQL数据库来创建树形结构的示例，这对于初学者或开发者来说，是一个...
在IT领域，构建一个可操作的多级目录树型结构菜单是常见的需求，尤其是在Web应用中，用于组织和展示复杂的层级关系，如文件系统、权限管理或者导航菜单。这款"多级目录树型结构菜单js代码"正是为解决这类问题而设计...
利用树型结构进行数据组织, 层次清晰、操作方便、用途广泛。介绍了一种基于 VS.NET 技术设计实现的大数据量树型结 构数据的快速加载方法, 通过一种改进的基于广度优先的算法, 将树型数据按照一定的层次和需要, 分散...