Flex当中combobox的用法

  Flex 当中如何做下拉列表?总的来说,有两种方式,一种是mxml标签的方式,一种是as脚本的方式。两种方式有什么优缺点呢?标签的方式直观,对开发人员来说,可读性好。脚本的方式灵活,可以写复杂的逻辑,可以动态的生成。动态生成有什么好处,可以有多个效果。

  那么先看看动态生成是怎么实现的?有combobox 的组件。

package grid
{
	import flash.display.DisplayObject;
	import flash.events.Event;
	import flash.events.KeyboardEvent;
	
	import mx.containers.Grid;
	import mx.containers.GridItem;
	import mx.containers.GridRow;
	import mx.controls.ComboBox;

	import mx.collections.ArrayCollection;
	
	public class Entry extends Grid
	{
		public function Entry()
		{
			super();
			init();
		}
		public function init():void{
			var items:Array = [ 
				{label:"label1", data:"Data1"}, 
				{label:"label2", data:"Data2"}, 
				{label:"label3", data:"Data3"}, 
				{label:"label4", data:"Data4"}, 
				{label:"label5", data:"Data5"}, 
			]; 
			var aCb:ComboBox = new ComboBox();
			aCb.dataProvider = items; 
			
			aCb.addEventListener(KeyboardEvent.KEY_DOWN, onAddItem); 
			aCb.editable = true;
			
			var row:GridRow = new GridRow();
			var item:GridItem = new GridItem();
			item.addChild(aCb);
			row.addChild(item);
			this.addChild(row);
		}
		public function onAddItem(event:KeyboardEvent):void { 
			var newRow:int = 0; 
			if (event.target.text =="label") { 
				newRow = int(ArrayCollection(ComboBox(event.currentTarget).dataProvider).length) + 1; 
				ArrayCollection(ComboBox(event.currentTarget).dataProvider).addItemAt({label:String(event.target.text)+ newRow, data:"Data" + newRow},newRow-1);  
			} 
		}

	}
}


 下拉列表有哪些用户动作呢?用户要从一堆数据中选出一个来。归根到底都是从一个list当中选出一个来。那么list可变吗?可以往list里动态追加,这样的话list当中的项目数就会变化。项目数有没有极限?超过了屏幕的高度怎么办?可以加上滚动条。combobox 有两种,一种是可编辑的,一种是不可编辑的。编辑可能的话就是方便用户查找。可编辑的话可以自动加到list中去。这个功能不错。

combobox还可以有快捷键。如果要触屏的话,也可以做到,很好啊。提示有什么作用呢?


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ComboBox是一种常见的控件,用于在用户界面中显示一个下拉列表,用户可以从中选择一个选项。它与ListBox控件在功能上很相似,但在某些特定情况下,ComboBox更适合使用。 ComboBox用法可以通过以下步骤来实现: 1. 在ComboBox控件的Data属性标签中添加选项。每一行表示下拉列表中的一个选项,可以使用Ctrl+Enter进行换行。 2. 可以通过编程的方式向ComboBox控件添加选项。使用AddItem方法可以动态地向ComboBox中添加选项。 3. 通过ComboBox控件的SelectedIndex属性可以获取或设置当前选中项的索引。通过SelectedValue属性可以获取或设置当前选中项的值。 4. 可以使用事件来响应ComboBox中选项的选择或变化。例如,可以使用SelectedIndexChanged事件来处理当选中项发生改变时的操作。 需要注意的是,要根据具体的编程语言和开发环境来使用ComboBox控件。上述方法适用于使用Microsoft的开发工具,如Visual Studio。 更多关于ComboBox用法可以参考Microsoft的官方文档,其中提供了详细的说明和示例代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [ComboBox用法大全](https://blog.csdn.net/qq458832194/article/details/5962962)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [ComboBox 控件的用法教程](https://download.csdn.net/download/weixin_38658982/12791167)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Combo Box的用法总结](https://blog.csdn.net/jearmy/article/details/11492173)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值