Flex Tree

最新推荐文章于 2017-06-14 23:06:11 发布

高山宿舍

最新推荐文章于 2017-06-14 23:06:11 发布

阅读量858

点赞数

分类专栏： flex 文章标签： flex library tree application function styles

本文链接：https://blog.csdn.net/gaogaoshan/article/details/7532620

版权

flex 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<?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="appInit(event)">
<fx:Style>
	@namespace s "library://ns.adobe.com/flex/spark";
	@namespace mx "library://ns.adobe.com/flex/mx";
	mx|Tree{
		/* these two styles make the tree lines look better */
		padding-top: 10;		/* default is 2 */
		padding-bottom: 0;	/* default is 2 */
		contentBackgroundColor:#BEE2E9;
		fontSize:20;
		fontWeight:bold;
		leading:7
	}
</fx:Style>
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			import mx.events.ListEvent;
			[Bindable]
			public var selectedNode:XML;
			
/* 初始化的时候将Tree展开 */
			protected function appInit(event:FlexEvent):void
			{
				deptTree.selectedIndex=1;
				var node:XML=deptTree.selectedItem as XML;
				deptTree.expandItem(node,!deptTree.isItemOpen(node),true);
			}
/* 获取点击deptTree选择的项 */
			protected function deptTree_changeHandler(event:ListEvent):void
			{
					selectedNode=Tree(event.target).selectedItem as XML;
					//selectedNode=deptTree.selectedItem as XML;
			}
/* 双击展开 */
			protected function deptTree_itemDoubleClickHandler(event:ListEvent):void
			{
				var node:XML=deptTree.selectedItem as XML;
				deptTree.expandItem(node,!deptTree.isItemOpen(node),true);
			}
			
		]]>
	</fx:Script>
	
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		<fx:XML id="deptTreeData">
			<root label="部门导航">
				
				<node label="营销部"/>
				<node label="财务"/>
				<node label="人力资源部"/>
				<node label="行政部"/>
				<node label="客服部"/>
				
			</root>
		</fx:XML>

	</fx:Declarations>
	<!--Tree默认doubleClickEnabled为false-->
	<mx:Tree id="deptTree" width="10%" height="100%" 
			 change="deptTree_changeHandler(event)"
			 doubleClickEnabled="true"
			 itemDoubleClick="deptTree_itemDoubleClickHandler(event)"
			 dataProvider="{deptTreeData}" labelField="@label" />
	<s:Label id="myTxt" x="395" y="158" width="85" height="45" text="选择了部门：{selectedNode.@label}"/>

</s:Application>