`

MX Tree Control 事件

阅读更多
获取树控件的节点打开,选择的事件
<?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" >  
	
	<!-- ====== Properties of parent ======================= -->  
	<s:layout>
		<s:BasicLayout/>
	</s:layout>   
	
	<!-- ====== MetaData =================================== -->  
	
	<!-- ====== Styles ===================================== -->  
	
	<!-- ====== Script ===================================== -->  
	<fx:Script>
		<![CDATA[
			import flash.events.*;
			
			import mx.controls.*;
			import mx.events.*;
			
			protected function tree1_itemOpenHandler(event:TreeEvent):void
			{
				forOpen.text = event.item.@label
			}


			protected function tree1_changeHandler(event:ListEvent):void
			{
				var theData:String = ""
				if (event.currentTarget.selectedItem.@data) {
					theData = " Data: " + event.currentTarget.selectedItem.@data;
				}
				forChange.text = event.currentTarget.selectedItem.@label + theData;
			}
 
			protected function tree1_creationCompleteHandler(event:FlexEvent):void
			{
				tree1.expandItem(MailBox.getItemAt(0), true);
				forOpen.text=tree1.openItems[0].@label;
			}

		]]>
	</fx:Script>
	
	<!-- ====== Declarations =============================== -->  
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>   
	
	<!-- ====== UI Components ============================== -->     
	<mx:Tree id="tree1"
			 labelField="@label"
			 showRoot="true"
			 width="160" x="16" y="99"
			 itemOpen="tree1_itemOpenHandler(event)"
			 change="tree1_changeHandler(event)" 
			 creationComplete="tree1_creationCompleteHandler(event)">
		<mx:XMLListCollection id="MailBox">
			<fx: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="Personal" data="0" isBranch="true" />
						<node label="Saved Mail" data="5" />
					</node>
					<node label="Sent" data="15"/>
					<node label="Trash" data="5"/>
				</node>
			</fx:XMLList>
		</mx:XMLListCollection>
	</mx:Tree>
	
	<mx:Form>
		<mx:FormItem label="Change Event:">
			<mx:Label id="forChange" width="150"/>
		</mx:FormItem>
		<mx:FormItem label="Open Event:">
			<mx:Label id="forOpen" width="150"/>
		</mx:FormItem>
	</mx:Form>
</s:Application>
0
0
分享到:
评论

相关推荐

    Flex使用<mx:Tree>控件创建树(可添加和删除节点)

    总结来说,通过`&lt;mx:Tree&gt;`控件,开发者可以轻松地在Flex应用中构建动态的树形结构,结合数据提供器、事件监听和自定义行为,实现丰富的用户交互。在实际项目中,结合合适的工具如Flash Builder,可以更高效地完成...

    flex带复选框的tree,flex checkboxtree

    可能有一个自定义的CheckBoxTree类,继承自mx.controls.Tree,并添加复选框功能。ActionScript中会定义节点的状态管理、事件处理函数等。 3. 数据结构:CheckboxTree的数据源通常是一个数据结构,如ArrayCollection...

    MX25L128_MX25L256_SPI驱动代码.rar_MX25L128_MX25L128 程序_MX25L256驱动代码_

    SPI接口的MX25L128和MX25L256 Flash单片机驱动代码涉及了微控制器与外部存储器之间的通信技术,主要集中在SPI(Serial Peripheral Interface)协议的应用上。MX25L128和MX25L256是来自Microchip Technology公司的...

    英文语料库词汇标注软件TreeTagger

    java -mx128m -jar tree-tagger.jar -tokenize -lang en your_input_text.txt ``` 这个命令会将`your_input_text.txt`中的文本进行分词并进行词性标注,输出结果会直接显示在终端上。 总的来说,TreeTagger是自然...

    MX Componen和mx sheet编程手册和操作手册.rar

    2. **事件驱动编程**:MX Component支持事件驱动的编程模型,意味着你可以为每个组件设定不同的事件响应,如点击、鼠标移动等,从而实现动态交互功能。 3. **连接PLC**:作为工业自动化工具,MX Component可以与...

    flex tree 教程二

    4. **事件处理**:Tree组件支持多种事件,如`itemClick`(点击节点时触发)、`expand`(节点展开时触发)和`collapse`(节点折叠时触发)。通过监听这些事件,可以执行相应的业务逻辑。 5. **交互功能**:Tree组件...

    mxframework_springboot_mx-framework_MXFramework_slight12l_

    《MXFramework与SpringBoot开发实战》 在现代的软件开发领域,SpringBoot和自定义框架MXFramework的结合应用已经成为一种高效、便捷的方式。本篇内容将深入探讨如何利用这两个强大的工具进行开发实战,帮助开发者更...

    CheckBoxTree.zip

    &lt;mx:CheckBoxTree id="checkBoxTree" dataProvider="{treeData}" /&gt; ``` 其中`treeData`是你的数据模型实例。 4. 自定义节点渲染器:如果需要自定义复选框的行为或者样式,可以创建一个自定义的`...

    MX OPC Server 4.20

    4. **报警和事件管理**:通过OPC Alarms & Events,MX OPC Server 可能提供报警触发和事件记录功能,帮助操作员及时响应系统异常。 5. **多客户端支持**:可以同时连接多个上位机或者SCADA系统,便于构建分布式自动...

    MX OPC Server 6.04 序列号

    OPC(OLE for Process Control)是一种基于微软Windows技术的标准接口协议,它为工业自动化提供了统一的数据访问方法,能够确保不同制造商的产品之间具有良好的互操作性。在现代工厂自动化系统中,OPC技术的应用非常...

    Flex tree的用法

    - **创建Tree组件**: 在Flex中,你可以通过在MXML或ActionScript中定义`mx.controls.Tree`组件来创建Tree。 - **数据提供**: Tree需要数据提供者来显示数据。你可以使用ArrayCollection或XMLListCollection作为...

    mxplayer解码器mxplayer解码包

    MX Player是一款广受欢迎的Android平台上的媒体播放器应用,以其强大的解码能力而著名。它支持多种视频格式和编码标准,让用户可以在移动设备上流畅地观看各种视频内容。MX Player解码器是该应用程序的核心组件,...

    Juniper路由器产品介绍-Juniper MX240、MX480和MX960 3D通用边缘路由器.pdf

    Juniper MX240、MX480和MX960是Juniper Networks推出的3D通用边缘路由器,旨在满足服务提供商和企业对于高速、可靠且可扩展的网络边缘的需求。这些路由器是SDN(Software Defined Networking)技术驱动的,能够提供...

    MX1.25接插件Altium封装库AD三维视图PCB封装库(2D3D封装库.PcbLib

    MX1.25 接插件Altium封装库AD三维视图PCB封装库(2D3D封装库),封装列表:Component Count : 64 Component Name ----------------------------------------------- MX 1.25-LI-2P MX 1.25-LI-3P MX 1.25-LI-4P MX ...

    MX Player DTS 包

    MX Player DTS 包是一款专为MX Player播放器设计的扩展包,旨在解决用户在播放包含DTS(Digital Theater System)音效的视频时遇到的无声或音质问题。DTS是一种高级的多声道音频编码格式,常用于电影和高质量的家庭...

    Flex Tree组件的实线连接线

    4. 应用自定义渲染器:在Tree组件的mxml代码中,通过`&lt;mx:Tree itemRenderer&gt;`属性,指定我们刚刚创建的自定义TreeItemRenderer类。 5. 测试与优化:最后,运行应用并检查效果。可能需要根据实际情况调整线条的位置...

    MX25L25635,25735,MX25系列Norflash驱动程序

    MX25L25635、MX25L25735及MX25系列的Norflash驱动程序是针对这些特定型号的非易失性存储器(NOR Flash)设计的软件组件。NOR Flash是一种常见的半导体存储技术,用于存储程序代码和其他关键数据,因其快速读取速度和...

    flex tree控件

    Tree控件支持多种事件,如itemClick、itemOpen和itemClose。通过监听这些事件,可以响应用户的交互行为,例如更改节点状态、更新数据显示或执行其他业务逻辑。 6. 性能优化: 当树结构非常大时,考虑到性能,可以...

    flex tree+checkbox级联勾选

    在Flex中,我们可以使用mx.controls.Tree类来创建和操作Tree组件。 Checkbox的加入使得Flex Tree具备了更多交互性。在每个树节点前添加一个复选框,用户可以通过点击复选框来选择或取消选择该节点。更重要的是,...

    MX Component 4 安装包

    MX Component 4 是一款在IT领域中用于软件开发的组件库,主要面向.NET Framework环境,提供了丰富的用户界面控件和功能强大的开发工具。这个安装包是MX Component 4的完整版本,包含了所有必要的文件和资源,旨在...

Global site tag (gtag.js) - Google Analytics