Flex Tree
发布时间:2020-12-15 05:04:22 所属栏目:百科 来源:网络整理
导读:?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
<?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,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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |