编程创建树型结构（dojo040）

最新推荐文章于 2023-04-09 23:43:57 发布
最新推荐文章于 2023-04-09 23:43:57 发布
阅读量1.4k 收藏
点赞数
分类专栏： JAVASCRIPT 文章标签： dojo 编程 tree html function null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haofeng82/article/details/1575387
版权

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

例子如下：

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

 
好风软件工作日
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
asp实现树型结构
10-31
asp实现树型结构
用DOJO做一个简单的树
狂想者
05-03 537
      DOJO作为一个JS框架有着相当的应用价值，但是现在在众多DOJO的资料当中很少有一些有价值的东西，都很乱。从现在起，笔者将陆续登出有关DOJO的AJAX方面的相关知识。      要使用DOJO要先从http://dojotoolkit.org/上下载DOJO包，linux系统可以下载Dojo Toolkit Release:tar.gz,win7系统 可以下载zip.然后把包解压缩任何目录。最好把包的名字改的简单一些，比如JS这样可以便与引用 ！     下面做一个简单的页面，index.j
dojo tree控件使用的一些关键点
ghostlvs的专栏
01-09 563
近期公司项目使用强大的dojo来展示树形数据，于是乎就学习使用了下。 数据格式使用json格式，节点数据是子节点包含一个属性“parent”，存储了其父节点的id。 数据是存储在数据库中的，实现DBTree。有静态树和动态树两种。 静态树，初始化时返回全部树节点，动态树初始化返回父节点，打开父节点时再次访问数据库获取其子节点。 由于dojo 的tree 默认是父节点包含 child
struts2 dojo 实现动态树
u014625500的专栏
04-13 559
1.首先写两个工具类：TreeData.java 和 TreeUtil.java TreeData.java package com.zjh.shopping.util; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map;
DOJO-dijit.Tree(异步树的一种实现方式)
crazy code
04-20 2125
dojo.require("dijit.Tree"); dojo.require("dojo.data.ItemFileWriteStore"); dojo.require("dijit.tree.ForestStoreModel"); dojo.require("dojox.data.JsonRestStore"); //TreeStore var store = new
dojo的树状结构展示
u010548376的专栏
03-14 796
@import "Libs/dojo/dijit/themes/tundra/tundra.css"; //导入 树列表 的支持包 dojo.require("dijit.Tree"); //导入 将json格式数据格式化为tree认识的格式 的支持包 ,这也是 dojo 其他控件依赖的数据格式 dojo.require("dojo.data.ItemFileReadS
多级目录树型结构菜单js代码
06-05
这是一款带日志多级目录树型结构菜单js代码，可以动态添加和树节点，可以制作多级树结构，每个节点上可以都带有右键上下文菜单，并且每个节点上都可以配置不同的图标。
Delphi实现树型结构具体实例
09-04
介绍了Delphi实现树型结构具体实例，有需要的朋友可以参考一下
unity插件 对树型结构的数据进行UI展示
03-05
unity插件 对树型结构的数据进行UI展示
Dojo树使用心得
reedseutozte的专栏
01-15 3339
概述 Dojo的dijit.tree的代码结构完全遵循MVC结构，结构非常严谨： M：model使用了dojo基础包提供的dojo.data.itemFileReadStore（只读）或者dojo.data.itemFileWriteStore（可读写）。Tree并不直接使用Store而是通过dijit.tree.TreeStoreModel这个类将sotre和树形结构所需要的结构的进行串
C语言数据结构：什么是树？什么是二叉树？
致力于C语言C++知识分享！
04-14 628
在二叉树之前的数据结构学习中，我们学习了顺序表、链表、栈、队列这几种结构，它们都是用链表或者数组的方式来实现的，主要考察我们对结构体的运用！ 今天让我们来学习一个新的数据结构，也就是下面这副图里面的树 啊不好意思，图拿错了！???? 是下面这个才对 1.什么是树？ 1.1树的概念 树是一种非线性的数据结构，它是由n个有限节点组成的具有一定层次关系的集合。 把它叫做树是因为它看起来的确像一个树的根部 当然也可以理解为是树干在上，树叶在下的结构 有一个特殊的节点，被称为根节点，也就是树
编程题分类——树
保持一颗敬畏之心，简单地调用C++，适当地向C++妥协，让以后的自己看懂代码，让别人看懂代码。
10-23 370
目录前言正文按之字形顺序打印二叉树参考 前言 正文 按之字形顺序打印二叉树 code /* struct TreeNode { int val; struct TreeNode *left; struct TreeNode *right; TreeNode(int x) : val(x), left(NULL), right(NULL) { } }; */ class Solution { public: vector<vecto
C语言数据结构之树超全详解
别下完这场雪
07-06 5495
一.二叉树的一些基本概念 度：结点拥有的子树数称为该结点的度 分支结点（非终端结点）： 度不为0的结点 叶子（终端结点）：度为0的结点 树的度：树内各结点的度的最大值 孩子：结点的子树的根，该结点称为孩子的双亲 兄弟：同一个双亲的孩子之间互称兄弟 祖先：从根到该节点所经分支的所有结点 子孙：以某结点为根的子树中任一结点都是该结点的子孙 堂兄弟：双亲在同一层的结点互为堂兄弟 结点的层次：从跟开始定义...
c语言数据结构——树形结构之树和二叉树
希望自己从编程小白变成大佬
04-09 1198
二叉树有什么用？二叉树应用非常广泛。在操作系统源程序中，树和森林被用来构造文件系统。我们看到的window和linux等文件管理系统都是树型结构。在编译系统中，如C编译器源代码中，二叉树的中序遍历形式被用来存放C 语言中的表达式。其次二叉树本身的应用也非常多，如哈夫曼二叉树用于JPEG编解码系统（压缩与解压缩过程）的源代码中，甚至于编写处理器的指令也可以用二叉树构成变长指令系统，另外二叉排序树被用于数据的排序和快速查找。
三种方法构建Java树形结构，Stream真的厉害
04-08 9746
平时大概率我们会构建一些树形结果返回给前端，比如菜单结构、部门列表、文件结构等，我们一般想到的就是利用递归来循环构建；现在，就我个人解决的方法如下： 原始递归 利用Java 8 Stream流进行处理（原理还是递归） Stream流升级构建 场景构建 public class TreeSelect implements Serializable { /** 节点ID */ private Long id; /** 节点名称 */ private String la.
Java后端递归构建树形结构
彼岸尚有荣光在，应不断记录总结！！！
01-12 8788
记录：在Java后台利用递归思路进行构建树形结构数据，返回给前端，能以下拉菜单等形式进行展示。 简明：为了简化代码，引入Lombok的Jar包，可省略实体类set()、get()方法。 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> ...
C语言数据结构之树（保姆级讲解）
Qurry的博客
11-21 2214
树是“一对多”的非线性存储结构，较链表、队列那些，树的概念会多点，涵盖的范围也较广。由根节点和若干子树构成；单个节点也可以看成树，只有一个树根节点
前端编程应该了解的数据结构——树
m0_59345890的博客
08-24 469
我们在计算机程序中，经常用到一种数据结构——树。这里的树并不是我们现实生活中的树，但是，我们可以通过我们对生活中树的认知来理解数据结构中的树。生活中树的特点：1、树通常有一个根，连接着根的是树干；2、树干到上面之后会进行分叉成树枝, 树枝还会分叉成更小的树枝；3、在树枝的最后是叶子。将其特点总结起来进行抽象，就得到了我们在数据结构的树。简单来说就是一个根节点，发散出许多的分支节点，停留在叶子节点。那么我们不得不说说它的优点。对比于数组和链表。优点：数组的主要优点是根据下标值访问效率会很高；
bom展开的树型结构实现
最新发布
06-10
BOM（Bill of Materials）展开的树型结构可以使用树形数据结构来实现。 具体实现方法如下： 1. 定义一个节点类，包含以下属性：节点ID、节点名称、节点数量、子节点列表。 2. 根据BOM的层次结构，将每个节点的子节点列表填充好。 3. 对于每个节点，可以使用递归的方式来遍历其子节点列表，直到子节点列表为空为止。 4. 在遍历的过程中，可以使用缩进的方式来呈现节点的层次关系，例如在每个节点前面加上若干个空格。 5. 可以在节点类中增加一些方法，如获取节点的深度、获取节点的父节点等。 6. 可以根据需求，对节点类进行扩展，如增加节点的状态、属性等。 通过以上步骤，就可以实现BOM展开的树型结构。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值