`

Tree加载时显示所有节点

阅读更多

找了很久的资料,才解决tree加载时显示所有节点这个问题,引自http://hi.baidu.com/lz0830/blog/item/7b406e82d7f41c98f703a632.html

该文中提出Tree的数据源在MXML文件中和数据源是从后台程序获取两种情况:

一、针对第一种情况(tree的数据源在MXML文件中)的写法:

private function initApp():void {
      for each(var item:XML in this.myTree.dataProvider)
           this.myTree.expandChildrenOf(item,true);

}

该函数的调用creationComplete="initApp()"

 

二、数据源从后台程序获取

<!--  读取xml文件给tree绑定数据源 -->
<mx:HTTPService id="tree_httpsrv" url="assets/data/treeview.xml"  result="setTree(event)" fault="faultOperation(event)"  resultFormat="xml" />

<!-- 读取xml文件的处理  -->

[Bindable]
private var tree_xml:XML;

private function setTree(event:ResultEvent):void
{
       tree_xml = XML(event.result);
       var tree_data:XMLList = tree_xml.treeviewNode;
       myTree.dataProvider = tree_data;
       myTree.callLater(expandTree);
}

private function expandTree():void
{
       //expand all tree node
       myTree.expandChildrenOf(tree_xml,true);
}

 

分享到:
评论

相关推荐

    JSTree(js写的树形菜单,支持加载10000节点以上)

    它仅在需要时加载节点,降低了内存占用和计算需求。 2. **交互性**:提供了丰富的API和事件系统,允许开发者自定义各种交互行为,如节点的展开、折叠、拖放、搜索和编辑等。 3. **多样化视图**:JSTree支持多种...

    jsTree 很好用的动态加载数

    动态加载是 jsTree 的核心特性之一,它允许在用户滚动或展开树节点时按需加载数据,而不是一次性加载所有数据。这种机制对于处理大量数据特别有用,因为它减少了初始页面加载时间,提高了用户体验。通过设置适当的...

    jquery easyui tree 树形列表节点异步加载

    异步加载是提升用户体验的重要手段,尤其是在处理大量数据时,避免一次性加载所有节点,而是按需加载。 ### 1. jQuery EasyUI Tree组件 jQuery EasyUI的Tree组件用于创建具有层级结构的展示,它可以模拟文件系统、...

    layui-tree实现Ajax异步请求后动态添加节点的方法

    需要注意的是,为了实现动态添加节点,layui.tree 组件可能需要支持动态加载或自定义渲染功能。这意味着在初始渲染树形结构时,可能需要设置 `expand` 参数以允许后续的节点添加和展开。 总结来说,这个示例展示了...

    tree动态数据源和搜索打开节点所有上级

    在本场景中,"tree动态数据源"指的是在运行时能够根据需要加载或更新的数据源,而"搜索打开节点所有上级"则是关于在`Tree`组件中实现搜索功能,并且在搜索到特定节点时,自动展开该节点及其所有父级节点的功能。...

    bootstrap-treeview树节点实现动态加载(懒加载)

    动态加载(也称为懒加载)是一种优化性能的技术,只在用户需要时才加载数据,而不是一次性加载所有数据,这对于处理大量数据或层级结构尤其有用,可以显著提升页面加载速度和用户体验。 本项目在官方Bootstrap ...

    vue el-tree 默认展开第一个节点的实现代码

    9. 实际效果与应用:上述代码和方法的实现可以让开发者在使用Vue.js和Element UI开发项目时,快速实现el-tree组件默认展开第一层的第一个节点的功能。 总结:本文通过实例代码详细介绍了在Vue.js框架中,如何结合...

    动态加载树(tree)和动态加载表格(table)

    动态加载树(Tree)和动态加载表格(Table)是两种常见的数据展示方式,它们在网页应用中广泛使用,特别是在需要显示层级结构数据(如组织结构、文件系统)和大量表格数据(如报表、用户列表)的情况下。 **动态...

    extjs tree 异步加载树型

    异步加载树型是 ExtJS Tree 的一个重要特性,允许只在需要时动态加载子节点,从而提高页面的加载速度和用户体验。 异步加载通常通过 AJAX 请求实现,只有当用户展开一个节点时,才会向服务器请求该节点的子节点数据...

    Vue代码示例,左边Tree,右边对Tree节点配置子表多条数据

    2. **子表(Subtable)**:显示与选中Tree节点相关的详细数据,如部门参数。子表可能使用`v-for`指令动态渲染,同时提供增删改查的按钮或操作栏。 3. **数据绑定(Data Binding)**:Vue的数据双向绑定使得在用户...

    动态加载有子节点的树

    在树结构中,动态加载通常与“懒加载”(lazy loading)相结合,即只有当用户展开一个父节点时,才去获取并显示其子节点。这样可以显著提高用户体验,因为用户通常只关注一部分数据,无需等待整个树结构完全加载。 ...

    jstree创建无限分级树的方法【基于ajax动态创建子节点】.docx

    2. 在页面加载时,我们首先加载顶级节点,并将其设置为闭合状态(样式为 jstree-closed)。如果顶级节点的 SonCount 属性大于 0,则使节点为闭合状态。 3. 当用户点击闭合状态的节点时,客户端发起请求,并把点击...

    可自定义树节点的Tree组件

    - **动态加载**:对于大数据量的树,可以实现节点的懒加载,只在需要时才获取子节点数据,提高性能。 - **可编辑性**:允许用户直接在树上修改节点内容,如重命名、删除等。 3. **交互自定义**: - **拖放功能**...

    element el-tree组件的动态加载、新增、更新节点的实现

    在动态加载节点数据时,使用了组件内提供的 api typeList 来异步获取数据,并通过 resolve 方法将数据传回 el-tree 组件,从而更新树形控件的显示。 新增节点是指在树形控件中添加一个新的节点。通常,我们会添加一...

    MFC中Tree Ctrl加载指定目录下的所有文件

    在提供的"FileTree"示例中,可能包含了一个简单的实现这个功能的代码示例,例如`LoadDirectory`函数,该函数会根据上述步骤加载目录结构。通过阅读和理解这个代码,你可以学习如何在实际项目中应用这些概念。 总之...

    Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作

    需求: vue-cli项目树形控件:一级节点为本地节点,默认展开一级节点,增删改后局部刷新数据。 增加节点,点击确定后局部刷新,渲染新数据。 源码 element组件样式 &lt;el-tree class="treeitems" :data="data...

    fuelux.tree 自定义属性控件-自定义图标+动态加载数据+添加点击事件

    在某些场景下,一次性加载所有节点数据可能会导致页面加载缓慢。为了解决这个问题,FuelUX Tree 支持动态加载数据。你可以通过监听 `loaddata` 事件来实现这一点。当用户展开一个节点时,该事件会被触发,你可以在这...

    动态加载树节点

    当用户首次打开树视图时,只加载顶层节点,当用户展开某个父节点时,才通过异步请求获取并渲染其子节点。这样,只有被用户实际需要的部分数据才会被加载,提高了应用性能和用户体验。 实现动态加载树节点通常涉及...

    JqueryEasyUI Tree 动态加载,稍作修改就可以用了

    对于Tree组件,动态加载意味着当用户展开一个节点时,才会去服务器请求该节点的子节点数据,而不是一开始就加载所有数据。 在jQuery EasyUI中,我们可以利用`onLoad`或`onClick`事件来触发动态加载。首先,我们需要...

    zTree异步加载子节点针对大数据量数列表

    最近项目中有一个比较大型的树节点加载,网上面也看过一些解决方案,感觉都不是很好,也有很多误区,比如单击节点时加载子节点,导致节点重复添加。ztree fileter方法是在每次展开时都会执行,所以根据不同的请求...

Global site tag (gtag.js) - Google Analytics