<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 文件可能包含了关于这个算法的具体实现或相关测试数据。 最低共同祖先问题指的是,在一棵树中找到两个指定节点的最近公共祖先。这个祖先节点应该满足两个条件:一是它位于两个节点的路径上...
haarcascade_eye_tree_eyeglasses.xml
《Odoo中的Web Tree Dynamic Colored Field:列表视图单元格色彩管理》 在Odoo这一强大且灵活的开源企业资源规划系统中,用户界面的交互性和可读性至关重要。"web_tree_dynamic_colored_field"模块是Odoo社区(OCA...
树形结构工具包,功能非常全,方便实用,不用再去用属性节点和调用节点操作tree了
此技术虽然适用于人脸检测,但不限于人脸检测,还可用于其他物体的检测,如汽车、飞机等的正面、侧面、后面检测。在检测时,先导入训练好的参数文件,其中haarcascade_frontalface_alt2.xml对正面脸的识别效果较好,...
3. **ttm.gif和logo.gif** 这两个文件是图形资源,可能用于菜单的图标或者页面的标识。ttm.gif可能是树形菜单的示例图,而logo.gif可能是项目或库的标志。 4. **index.html** 这是项目的主入口文件,通常包含HTML...
3. **连接交换机和服务器**: 根据FatTree的拓扑,使用`addLink()`函数添加交换机之间的链接,以及交换机与服务器之间的链接。 4. **启动网络**: 启动网络并确保所有节点都已启动并运行。 5. **执行实验**: 可能包含...
XML_tree_cs1.43.ec
Speedtree SDK v.5.1 for real time renderer trees end grass
该文件是labview tree 控件的使用说明
标题中的"ansj0.9.jar"和"tree_split.jar"是两个在Java环境中使用的库文件,它们分别属于不同的工具或框架。`ansj`通常指的是ANSJ分词库,而`tree_split`可能是一个针对数据结构或者文本处理的工具,具体功能需要...
3. **碰撞检测**: 在场景检测中,BSP树能快速过滤掉不可能发生碰撞的物体对,只需检查处于同一分支或相邻分支的物体。这大大减少了碰撞检测的复杂度,尤其在处理大量物体时效率显著。 4. **绘制优化**: BSP树还...
3. **关键步骤** - **头表(Header Table)**:FP-Tree的每个节点都有一个指向头表的指针,头表记录了该节点对应的项在FP-Tree中的所有实例。 - **连接操作**:当有多个相同的频繁项插入时,通过连接操作合并它们...
此外,速树4还支持导出树木模型到各种游戏引擎,如Unity、Unreal Engine等,以及与其他3D建模软件如Maya、3ds Max的兼容。这使得在不同平台和工具之间的工作流程变得顺畅。 在3D艺术创作中,速树4标准树木库不仅...
3. **实时交互**:在游戏或交互式应用中,用户可能需要改变视角、光照条件等,源码会展示如何实现这些实时变化,保持画面的连续性和流畅性。 4. **性能优化**:源码中包含了各种性能优化策略,如LOD(Level of ...
`device-tree-xlnx-master_tree_devicetree2018.3_`这个标题表明这是一个关于Xilinx设备树的源码库,针对2018.3版本。Xilinx是一家知名的FPGA(现场可编程门阵列)制造商,其设备树源码通常与他们的硬件平台相关,...
** BSP树(Binary Space Partitioning Tree)是一种数据结构,它在计算机图形学和游戏开发中广泛应用,用于高效地管理和组织三维空间中的对象。这个“bsp_tree_demo_09_bsptree_DEMO_”是一个演示程序,展示了如何...
3. **多选模式**:允许用户选择多个节点,可以设置单选或多选模式。 4. **可搜索**:内置搜索功能,用户可以快速查找树中的特定节点。 5. **可拖放**:支持节点之间的拖放操作,便于重新排序或移动节点。 6. **异步...
3. "PropertyTree_D6.dof":这是Delphi的选项文件,保存了项目编译器设置和格式化选项。 4. "PropertyTree_D6.dpk":原项目的打包文件,包含项目源码和依赖信息。 5. "VirtualPropertyTree.pas":这是Delphi的源代码...
本文将深入探讨“vp_tree_halo.rar_creator模型_halo_vP_vp tree_树木模型显示”这一主题,这涉及到Creator软件中的3D树木模型、VP树(vantage point tree)以及在Halo游戏环境中的应用。 首先,让我们了解“vp_...