flex Tree 展开特定节点

最新推荐文章于 2024-09-11 08:39:02 发布

水中影子

最新推荐文章于 2024-09-11 08:39:02 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： flex3 flex4-flex4.5 文章标签： tree flex application library function encoding

本文链接：https://blog.youkuaiyun.com/xuhuanchao/article/details/6941192

flex3 同时被 2 个专栏收录

138 篇文章

订阅专栏

flex4-flex4.5

32 篇文章

订阅专栏

本文介绍如何使用Flex XML和Tree组件构建一个简单的层级结构应用，展示数据的加载、选择和展开功能。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
			   creationComplete="onInit()">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		
		<fx:XML id="xml" xmlns="">
			<node id="#" label="所有">
				<node id="101" label="Name101">
					<node id="10101" label="Name10101"/>
					<node id="10102" label="Name10102"/>
					<node id="10103" label="Name10103"/>
				</node>
				<node id="102" label="Name102">
					<node id="10201" label="Name10201"/>
					<node id="10202" label="Name10202"/>
				</node>
				<node id="103" label="Name103">
					<node id="10301" label="Name10301"/>
				</node>
			</node>
		</fx:XML>
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			private function onInit():void{
				tree.selectedIndex=0;
				tree.callLater(expand,null);
			}
			private function expand():void{
				tree.expandItem(tree.selectedItem,true);
				//这里可以随便指定展开的节点，如果超出默认展开最后一个根节点
				tree.selectedIndex=1;
				tree.expandItem(tree.selectedItem,true);
			}
		]]>
	</fx:Script>
	<mx:Tree id="tree" x="73" y="36" width="200" height="217" dataProvider="{xml}" labelField="@label"></mx:Tree>
</s:Application>