编程创建树型结构（dojo040）

来源：互联网发布：手机制作图纸软件编辑：程序博客网时间：2024/05/20 14:26

感觉上编程创建树结构要比使用标签创建更加容易，不知道各位想法如何？？

例子如下：

<!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" 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>