Flex ComboBox使用例子

最新推荐文章于 2013-10-24 11:14:48 发布

原创最新推荐文章于 2013-10-24 11:14:48 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flex #object #application #library #encoding #function

49_flex 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一个使用 Flex 实现的 ComboBox 组件示例。通过定义 ArrayCollection 来存储数据项，并设置 ComboBox 的 dataProvider 和 labelField 属性，实现了下拉选择框的功能。当用户选择不同的项时，会触发 change 事件并显示所选项目的详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?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">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		<s:ArrayCollection id="dp">
			<fx:Object id="a" label="t" data="tom"/>
			<fx:Object id="b" label="j" data="jack"/>
			<fx:Object id="c" label="m" data="mary"/>
			<fx:Object id="d" label="b" data="blue"/>
		</s:ArrayCollection>
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function peopleChange(event:Event):void {
				var s:String = "";
				s+="索引："+event.target.selectedIndex+"    简称："+event.target.selectedItem.label+"   名字:"+event.target.selectedItem.data;
				Alert.show(s);
			}
		]]>
	</fx:Script>
	
	
	<s:ComboBox dataProvider="{dp}" labelField="data" change="peopleChange(event)"/>
	
</s:Application>