[zt]Flex 3: 构建高级用户界面 使用 Tree 控件4
2009-06-23 16:26
549 查看
打开树到指定的节点
默认的,Tree控件在初始化后是收缩的,你也许不确定如何初始化控件时展开数,并且选定指定的节点。下边的例子,展示了如何实现它。在这个程序中,initTree()方法,在Tree控件被创建后调用。这个方法展开Tree控件的根节点,并且设置selectedIndex属性为指定节点的索引号。
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/index.html"> <mx:Script>
<![CDATA[
import flash.events.*;
import mx.events.*;
import mx.controls.*;
private function initTree():void {
XMLTree1.expandItem(MailBox.getItemAt(0), true);
XMLTree1.selectedIndex = 2;
}
]]>
</mx:Script>
<mx:Tree id="XMLTree1" width="150" height="170"
labelField="@label" creationComplete="initTree();">
<mx:XMLListCollection id="MailBox">
<mx:XMLList>
<node label="Mail" data="100">
<node label="Inbox" data="70"/>
<node label="Personal Folder" data="10">
<node label="Business" data="2"/>
<node label="Demo" data="3"/>
<node label="Saved Mail" data="5" />
</node>
<node label="Sent" data="15"/>
<node label="Trash" data="5"/>
</node>
</mx:XMLList>
</mx:XMLListCollection>
</mx:Tree>
</mx:Application>
默认的,Tree控件在初始化后是收缩的,你也许不确定如何初始化控件时展开数,并且选定指定的节点。下边的例子,展示了如何实现它。在这个程序中,initTree()方法,在Tree控件被创建后调用。这个方法展开Tree控件的根节点,并且设置selectedIndex属性为指定节点的索引号。
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/index.html"> <mx:Script>
<![CDATA[
import flash.events.*;
import mx.events.*;
import mx.controls.*;
private function initTree():void {
XMLTree1.expandItem(MailBox.getItemAt(0), true);
XMLTree1.selectedIndex = 2;
}
]]>
</mx:Script>
<mx:Tree id="XMLTree1" width="150" height="170"
labelField="@label" creationComplete="initTree();">
<mx:XMLListCollection id="MailBox">
<mx:XMLList>
<node label="Mail" data="100">
<node label="Inbox" data="70"/>
<node label="Personal Folder" data="10">
<node label="Business" data="2"/>
<node label="Demo" data="3"/>
<node label="Saved Mail" data="5" />
</node>
<node label="Sent" data="15"/>
<node label="Trash" data="5"/>
</node>
</mx:XMLList>
</mx:XMLListCollection>
</mx:Tree>
</mx:Application>
相关文章推荐
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件3
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件7
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件5
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件8
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件1
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件6
- [zt]Flex 3: 构建高级用户界面 使用 Tree 控件2
- Flex 3快速入门: 构建高级用户界面 使用 Tree 控件
- Flex 3: 构建高级用户界面 使用数据提供程序6
- [zt]Flex 3: 构建高级用户界面 添加拖放支持4
- Flex 3快速入门: 构建高级用户界面 使用 Repeater 组件
- Flex 3:构建高级用户界面 使用数据提供程序2
- [zt]Flex 3: 构建高级用户界面 添加拖放支持1
- Flex 3:构建高级用户界面 使用数据提供程序3
- [zt]Flex 3: 构建高级用户界面 添加拖放支持2
- Flex 3: 构建高级用户界面 使用数据提供程序4
- Flex 3快速入门: 构建高级用户界面 使用数据提供程序
- [zt]Flex 3: 构建高级用户界面 添加拖放支持3
- [zt]Flex 3: 构建高级用户界面 添加拖放支持5
- Flex 3: 构建高级用户界面 使用数据提供程序5