Flex下拉框

Posted odejsjhshw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flex下拉框相关的知识,希望对你有一定的参考价值。

<?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" 
			   creationComplete="initHandler(event)"
			   width="100%" height="100%" fontSize="12"
			   fontFamily="微软雅黑">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			import mx.events.ItemClickEvent;
			
			import spark.events.IndexChangeEvent;
			
			[Bindable]
			private var comArray:ArrayCollection = new ArrayCollection([
				{dateType:"日",areaDesc:"北京"},
				{dateType:"月",areaDesc:"上海"},
				{dateType:"日",areaDesc:"深圳"},
				{dateType:"月",areaDesc:"武汉"},
				{dateType:"日",areaDesc:"兰州"},
				{dateType:"月",areaDesc:"天津"}
			]);

			/**
			 * 初始化函数
			 */
			protected function initHandler(event:FlexEvent):void
			{
				
			}

			/**
			 * 改变下拉框
			 */
			protected function comboBox_changeHandler(event:IndexChangeEvent):void
			{
				for each(var com:Object in comArray)
				{
					if(com.dateType == "日")
					{
						date.visible = true;
						month.visible = false;
					}
					else if(com.dateType == "月")
					{
						date.visible = false;
						month.visible = true;
					}
				}
			}

			/**
			 * 
			 */
			protected function radio_itemClickHandler(event:ItemClickEvent):void
			{
				
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<s:RadioButtonGroup id="radio" itemClick="radio_itemClickHandler(event)"/>
	</fx:Declarations>
	
	<mx:VBox width="100%" height="100%" paddingTop="20" paddingBottom="10" paddingLeft="10" 
			 paddingRight="20">
		<mx:HBox width="100%" height="60" verticalAlign="middle" borderColor="0x000000" borderStyle="solid"
				 horizontalAlign="center">
			<s:Label text="日期类型:"/>
			<s:RadioButton id="dayStr" groupName="radio" label="日"/>
			<s:RadioButton id="monthStr" groupName="radio" label="月"/>
			<mx:DateField id="date" formatString="YYYY-MM-DD" width="200"/>
			<s:Label width="50"/>
			<mx:DateField id="month" formatString="YYYY-MM" width="200"/>
			<s:Label width="50"/>
			<s:Label text="地域:"/>
			<s:ComboBox id="comboBox" width="200" dataProvider="{comArray}" labelField="areaDesc" selectedIndex="0"
						change="comboBox_changeHandler(event)"/>
		</mx:HBox>
	</mx:VBox>
	
</s:Application>

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow


以上是关于Flex下拉框的主要内容,如果未能解决你的问题,请参考以下文章

flex禁用组件

Html页面中select下拉列表框别样用法,一个方法一劳永逸。

js改变下拉框内容

同一网格单元格中的数字字段和下拉框

用jquery设置下拉不可编辑,但是没起作用,求高手指点,急。。。

css常用代码片段 (更新中)