`

Tree_3

    博客分类:
  • Dojo
阅读更多
<div dojoType="dojo.data.ItemFileWriteStore" jsId="myStore" id="treeDemo"></div>  <!-- 设置数据源 -->
	<div dojoType="dijit.tree.TreeStoreModel" jsId="catModel" store="myStore" query="{id: '0'}"></div><!-- 设置树的缓存模型 -->
	<div id="collectionsTree" data-dojo-type="dijit.Tree" data-dojo-props='"class":"container", model:catModel,......></div><!-- 引用缓存模型 -->


dojo.data.ItemFileWriteStore是一个读文件的类, 但是可以设置他的data属性效果是一样的
//这个是仿的data数据
	var itemsArr = [{
	                  id : '0',       
	                name : '李英夫',
			  department : 'w3',
			        root : true,
				   level : 1,
			    children : [{_reference: '1'}, {_reference: '2'},{_reference: '3'}]
	               },{ 
				      id : '1', 
				    name : '类别1',
		      department : '部门甲',
					level : 2,
			    children : [{_reference: '4'},{_reference: '5'}]
				   },{ 
				      id : '4',
					name : '路人乙',
			  department : '部门乙',
				level : 3
				   },{ 
				      id : '5',
					name : '路人丙',
			  department : '部门丙',
			  level : 3
			       },{ 
				      id : '2', 
					name : '路人丁',
			  department : '部门丁',
					 level : 3
			       },{ 
				      id : '3',
					name : '路人戊',
			  department : '部门戊',
					 level : 3
			       }];
    

   
    //将数据变成字符串
    var treeData = function(items){
	    this._identifier = 'id';
		this._label = 'name';
		this._items = items;
		this.getData = function(){
		    var s = "{";
			    s += "identifier:'" + this._identifier + "',";
				s += "label:'" + this._label + "',";
				s += "items:[";
			for(var i = 0, len = this._items.length; i < len; i++){
			    s += "{id:'" + this._items[i].id  + "',";
				s += "name:'" + this._items[i].name + "',";
				s += "department:'" + this._items[i].department + "',";
				s += "level:" + this._items[i].level + "";
				if(!!this._items[i].children){
				   s += ",children : [";
				   var cs = this._items[i].children;
				   for(var j = 0, jLen = cs.length; j < jLen; j++){
				       s += "{_reference:'" + cs[j]._reference + (j == (jLen-1) ? "'}]" : "'},");
				   } 
				}
				s += (i == (len-1) ? "}" : "},");
			}
			s += "]}";
			return s;
		};
	}
    

        //添加到dojo.data.ItemFileWriteStore所声明的标签中.
	document.getElementById("treeDemo").setAttribute("data", new treeData(itemsArr).getData());
 
分享到:
评论

相关推荐

    yandex_tree_3.rar_tree

    Yandex_tree_3.rar_tree 文件可能包含了关于这个算法的具体实现或相关测试数据。 最低共同祖先问题指的是,在一棵树中找到两个指定节点的最近公共祖先。这个祖先节点应该满足两个条件:一是它位于两个节点的路径上...

    haarcascade_eye_tree_eyeglasses.xml

    haarcascade_eye_tree_eyeglasses.xml

    web_tree_dynamic_colored_field.zip

    《Odoo中的Web Tree Dynamic Colored Field:列表视图单元格色彩管理》 在Odoo这一强大且灵活的开源企业资源规划系统中,用户界面的交互性和可读性至关重要。"web_tree_dynamic_colored_field"模块是Odoo社区(OCA...

    tree-toolkit.rar_Labview Tree_labview tree _labview树形_tree-tool

    树形结构工具包,功能非常全,方便实用,不用再去用属性节点和调用节点操作tree了

    haarcascade_eye_tree_eyeglasses.xml与haarcascade_frontalface_alt.xml

    此技术虽然适用于人脸检测,但不限于人脸检测,还可用于其他物体的检测,如汽车、飞机等的正面、侧面、后面检测。在检测时,先导入训练好的参数文件,其中haarcascade_frontalface_alt2.xml对正面脸的识别效果较好,...

    tigra_tree_menu

    3. **ttm.gif和logo.gif** 这两个文件是图形资源,可能用于菜单的图标或者页面的标识。ttm.gif可能是树形菜单的示例图,而logo.gif可能是项目或库的标志。 4. **index.html** 这是项目的主入口文件,通常包含HTML...

    FatTree_fattree_Python构建fattree_python_mininet_源码

    3. **连接交换机和服务器**: 根据FatTree的拓扑,使用`addLink()`函数添加交换机之间的链接,以及交换机与服务器之间的链接。 4. **启动网络**: 启动网络并确保所有节点都已启动并运行。 5. **执行实验**: 可能包含...

    XML_tree_cs1.43.ec

    XML_tree_cs1.43.ec

    SpeedTree51.rar_For Real_asleepgya_speedtree_speedtree sdk

    Speedtree SDK v.5.1 for real time renderer trees end grass

    LabVIEW_Tree_Control-user.zip_labview tree _tree_tree labview

    该文件是labview tree 控件的使用说明

    ansj0.9.jar 和 tree_split.jar

    标题中的"ansj0.9.jar"和"tree_split.jar"是两个在Java环境中使用的库文件,它们分别属于不同的工具或框架。`ansj`通常指的是ANSJ分词库,而`tree_split`可能是一个针对数据结构或者文本处理的工具,具体功能需要...

    bsp-tree.rar_bsp tree_bsptree_tree_场景检测

    3. **碰撞检测**: 在场景检测中,BSP树能快速过滤掉不可能发生碰撞的物体对,只需检查处于同一分支或相邻分支的物体。这大大减少了碰撞检测的复杂度,尤其在处理大量物体时效率显著。 4. **绘制优化**: BSP树还...

    FP_Tree.rar_ FP_tree _fp-tree_fp_tree_fp算法_tree

    3. **关键步骤** - **头表(Header Table)**:FP-Tree的每个节点都有一个指向头表的指针,头表记录了该节点对应的项在FP-Tree中的所有实例。 - **连接操作**:当有多个相同的频繁项插入时,通过连接操作合并它们...

    SPEEDTREE_STANDART_LIBRARY.zip_3d_speedtree_tree

    此外,速树4还支持导出树木模型到各种游戏引擎,如Unity、Unreal Engine等,以及与其他3D建模软件如Maya、3ds Max的兼容。这使得在不同平台和工具之间的工作流程变得顺畅。 在3D艺术创作中,速树4标准树木库不仅...

    speedtree_1.6.0_speedtree_SpeedTreeRT_ordinaryb3r.zip

    3. **实时交互**:在游戏或交互式应用中,用户可能需要改变视角、光照条件等,源码会展示如何实现这些实时变化,保持画面的连续性和流畅性。 4. **性能优化**:源码中包含了各种性能优化策略,如LOD(Level of ...

    device-tree-xlnx-master_tree_devicetree2018.3_

    `device-tree-xlnx-master_tree_devicetree2018.3_`这个标题表明这是一个关于Xilinx设备树的源码库,针对2018.3版本。Xilinx是一家知名的FPGA(现场可编程门阵列)制造商,其设备树源码通常与他们的硬件平台相关,...

    bsp_tree_demo_09_bsptree_DEMO_

    ** BSP树(Binary Space Partitioning Tree)是一种数据结构,它在计算机图形学和游戏开发中广泛应用,用于高效地管理和组织三维空间中的对象。这个“bsp_tree_demo_09_bsptree_DEMO_”是一个演示程序,展示了如何...

    jstree_pre1.0_fix_1

    3. **多选模式**:允许用户选择多个节点,可以设置单选或多选模式。 4. **可搜索**:内置搜索功能,用户可以快速查找树中的特定节点。 5. **可拖放**:支持节点之间的拖放操作,便于重新排序或移动节点。 6. **异步...

    PropertyTree_D7.dpk

    3. "PropertyTree_D6.dof":这是Delphi的选项文件,保存了项目编译器设置和格式化选项。 4. "PropertyTree_D6.dpk":原项目的打包文件,包含项目源码和依赖信息。 5. "VirtualPropertyTree.pas":这是Delphi的源代码...

    vp_tree_halo.rar_creator模型_halo_vP_vp tree_树木模型显示

    本文将深入探讨“vp_tree_halo.rar_creator模型_halo_vP_vp tree_树木模型显示”这一主题,这涉及到Creator软件中的3D树木模型、VP树(vantage point tree)以及在Halo游戏环境中的应用。 首先,让我们了解“vp_...

Global site tag (gtag.js) - Google Analytics