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

原文地址:https://www.cnblogs.com/odejsjhshw/p/10387425.html

时间: 2024-10-11 10:24:21

Flex下拉框的相关文章

ZP的EXTJS学习笔记(三)——邮箱功能的开发(按钮事件、下拉框、分页、record小图标、整条数据格式处理、定时刷新、record复选删除、分组)

照例,先贴效果图: 本人比较满意,短时间开发的邮箱功能,这是收件箱,还有配套的发件箱与删除箱. 简单说下思路: 1.配置model.store,用的是MVC模式,可参考第一篇学习笔记. 2.页面简单布局: Ext.define('KitchenSink.view.mail.InBox', { extend: 'Ext.grid.Panel', alias : 'widget.inbox', xtype: 'inbox', autoHeight:true, bodyStyle:'width:100

微信小程序下拉框

微信小程序组件里没有下拉框,正好要用到,记下来以后参考 wxml代码 <view class='top'> <view class='top-text'> 选择接收班级</view> <!-- 下拉框 --> <view class='top-selected' bindtap='bindShowMsg'> <text>{{grade_name}}</text> <image src='/images/icon/do

微信小程序select下拉框实现

小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉,这里为了更清楚的显示小程序层级 就把源码直接复制过来了 <view class='list-msg'> <view class='list-msg1'> <text>商品金额</text> <text>¥99.00</text> </view> <!--下拉框 --> <view class='list-msg2' bindtap=

element-ui中点击input框和下拉框会出现跳动的现象

bug描述 项目中当下拉框和输入框还有日期组件在一行的时候,对其进行操作的时候,下拉框,输入框和日期框会出现抖动的现象 分析原因 刚开始的时候,以为是高度没有统一,于是统一设置el-input_inner的高度 .el-input--medium .el-input__inner { height: vw(40); line-height: vw(40); font-size: vw(14); } 发现所有的高度都没有问题之后,于是分析代码.我这边直接用的是element-ui的el-row和e

读取mysql中的特定列值放入页面的下拉框中

1.使用的技术:JSP,Spring JDBC(Mapper) 2.代码 2.1 接口 public interface IMeetingRoomDao { public List<Mrcap> selectCap(); public List<Mrfloor> selectFloor(); } 2.2 实现类 @Override public List<Mrcap> selectCap() { List<Mrcap> caplist = new Array

自建List&lt;&gt;绑定ComboBox下拉框实现省市联动

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Data.SqlClient; namespace _04省市联动 { public partial cl

【峰回路转】Excel技巧百例 06.设置下拉框

如何才能在Excel中完成一个如下图所示的下拉框呢? 1.首先鼠标选中B2单元格 2.点击上方的"数据"中的"数据验证"下方的小三角,然后点击浮层中的第一项:数据验证 3.在弹出的窗口中,选择"序列",在来源中输入:请选择,优,良,中,差,点击[确认]. 这样一个下拉框,我们就做好了. 版权声明:本文为博主原创文章,未经博主允许不得转载.

struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input

原文地址:struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input jsp页面 1     function dosearch() {2         if ($("#textValue").val() == "") {3                 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")

选择下拉框是如何取选项的值?

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>select</title> <script type="text/javascript"> </script> </head> <body id="body&