FLEX中Tree默认展开全部节点

这里分两种情况,一种是数据源在MXML文件里,如:

<mx:XML id="treeXML" format="e4x">
<root>
<node label="通知通告管理" data="0">
<node label="申报通知" data="1" />
<node label="填表须知" data="1" />
<node label="申报指南" data="1" />
<node label="立项通告" data="1" />
<node label="其他通知通告" data="1" />
<node label="系统帮助" data="1" />
</node>
<node label="用户管理" data="0">
<node label="申报单位用户管理" data="2" />
<node label="归口部门用户管理" data="3" />
<node label="审批用户管理" data="4" />
</node>
<node label="系统设置" data="0">
<node label="部门设置" data="5" />
<node label="项目类别设置" data="5" />
<node label="区域设置" data="5" />
<node label="单位类别设置" data="5" />
<node label="企业类型设置" data="5" />
<node label="经济类型设置" data="5" />
<node label="学历设置" data="5" />
<node label="企业信用等级设置" data="5" />
</node>
</root>
</mx:XML>

页面调用:

<mx:Tree id="myTree" dataProvider="{treeXML}" labelField="@label" showRoot="false" width="200" height="100%" />

这样的情况下,仅仅要在页面加载时creationComplete="initApp()"然后用

<mx:Script>
<!--[CDATA[

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

]]-->
</mx:Script>

可是另一种情况,当数据源不包括在MXML文件里时,也就是当数据源是从后台程序获取时,直接用expandChildrenOf(item,true)不起作用,换一种方式。

<mx:HTTPService id="getTree" showBusyCursor="true" useProxy="false" resultFormat="e4x" url="users/getTree.asp" result="resultHandler(event)" fault="faultHandler(event)" />

<mx:Tree id="myTree" dataProvider="{getTree.lastResult}" width="200" height="100%" />

以上能够有非常多方法来从后台数据库中获取值,此处仅仅是简单的讲述一下。然后在Script里面写

private var xmlData : XML;

private function resultHandler(event:ResultEvent):void {
xmlData = XML(event.result);
myTree.showRoot = false;
myTree.dataProvider = xmlData;
myTree.labelField = "@label";
myTree.callLater(expandTree);
}

private function expandTree():void{
myTree.expandChildrenOf(xmlData , true);
}

FLEX中Tree默认展开全部节点

时间: 2024-08-01 09:10:38

FLEX中Tree默认展开全部节点的相关文章

Easyui中tree组件实现搜索定位功能及展开节点定位

这几天遇到个input + tree  实现搜索功能的需求,在这里贴出来供大家参考下,如果你有更好的实现效果希望不腻赐教! 首先给大家看看效果     小二 上图  : 需要的部件知识: easyui API 方法: select       target        选择一个节点,'target'参数表示节点的DOM对象. expand    target         展开一个节点,'target'参数表示节点的DOM对象.在节点关闭或没有子节点的时候,节点ID的值(名为'id'的参数)

做权限树时 使用EasyUI中Tree

符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 <span style="font-size:18px;">[{ "id":1, "text":"My Documents", "children":[{ "id":22, "text":"Photos", "state":"closed

详细介绍Flex中操作XML

一  在介绍Flex中操作XML之前,首先简单介绍下XML中的基本术语. 元素:XML中拥有开始标签和结束标签的这一块称为“元素”    节点:把XML元素与文本结合起来统称为节点    根节点:位于整个XML文当顶端的节点    文本节点:包含文本的节点    属性:元素的组成部分,以键/值形式放在元素标签内 用一个例子来说明 <root_node><!--这是一个根节点也是一个元素--> <node attribute="value"><!

递归实现EasyUI中Tree的Json格式

最近在做学校的基础系统的时候前台需要树形的组织结构,由于前台的整体框架都用的是EasyUI,所以只能采用EasyUi中Tree的格式,可是麻烦的是,需要符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的呢? <span style="font-size:18px;">[{ "id":1, "text":"My Documents", "children":[{ "id

[Flex] 组件Tree系列 —— 实现右键拓展功能

主程序mxml: <?xml version="1.0" encoding="utf-8"?> <!--功能描述:结合tree拓展右键功能 必须在index.template.html设置params.wmode = "opaque"以屏蔽flash右键;--> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s=&quo

js控制treeview默认展开

bootStrapTreeview 在bootstrap的treeview官网,可以找到这个方法,用js控制可以写成:$('#xxx').treeview('collapseNode',{silent:true, ignoreChildren: false}); 这样就默认展开所有子节点了.

Flex中操作XML的E4X方法

用于处理 XML 的 E4X 方法 Flash Player 9 和更高版本,Adobe AIR 1.0 和更高版本 ECMAScript for XML 规范定义了一组用于使用 XML 数据的类和功能.这些类和功能统称为 E4X.ActionScript 3.0 包含以下 E4X 类:XML.XMLList.QName 和 Namespace. E4X 类的方法.属性和运算符旨在实现以下目标: 简单 - 在可能的情况下,使用 E4X 可以更容易地编写和理解用于使用 XML 数据的代码. 一致

flex中dataGrid的编辑功能

flex中dataGrid的编辑功能 在flex的dataGrid中,很多情况下列是需要嵌入其他的控制的,比如:checkbox,combox等,此时需要利用dataGrid的如下功能: 1.datagrid编辑功能简介     当我们点击datagrid中的一个单元格进行编辑时,可结合使用一些组件,RadioButtonGroup.checkbox.ComboBox等     datagrid的编辑功能必须使用以下组件:editorDataField.itemEditor和itemRender

flex中toolTip汇总 转

1.toolTip换行符 <mx:Button id="btn1" toolTip="在工具条提示中 使用换行符"/> 2.设定工具条提示的样式 [javascript] view plaincopy <mx:Style> ToolTip { fontSize:19; color:#FF6699; } </mx:Style> 3.设定工具提示宽度 [javascript] view plaincopy <mx:Applica