这篇文章将为大家详细讲解有关FlexBuilder2.0中怎么使用基于Lists的控件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
FlexBuilder2.0中使用基于Lists的控件
你能使用基于Lists的控件到你的Flex应用程序中,例如: ComboBox, List, HorizontalList。在插入这种控件之后,你必须将他里面的项显示出来,他的值用于提交处理。在FlexBuilder2.0中,这些控件的值都放置于数据提供者(data providers)中, 这是类似于数组的对象集。这个速学教程教你该如何在FlexBuilder2.0中将基于Lists的控件里面的项显示出来与他的值的处理。
开始之前
开始这个速学教程之前,确定你完成下面的任务:
◆在FlexBuilder2.0中创建QuickStart项目。
◆在FlexBuilder2.0中打开Project菜单中确认Build Automatically选项已选上,如下:
插入与放置控件
在这部分里,你将创建一个简单的表单。
打开QuickStart项目,选择File > New > MXML Application,在File Name中输入ListControl.mxml。
在Navigator视图中右击ListControl.mxml文件,选择Application Management > Set As Default Application,将它指定为默认被编译的文件。
在设计视图中,从组件面板(Window > Show View > Components)中拖放下面的控件到Canvas容器中:
◆ Label
◆ ComboBox
◆ Button
在Canvas容器中,选择Label控件与设置Label的属性如下:
◆ text: Rate customer service
◆ x: 20
◆ y: 50
在Canvas容器中,选择ComboBox控件与设置ComboBox的属性如下:
◆ id: cbxRating
◆ x: 20
◆ y: 80
ComboBox组件中是没有项的,你将在后面放入项
在Canvas容器中,选择Button控件与设置Button的属性如下:
◆ label: Send
◆ x: 140
◆ y: 80
在工具条上点击Code按钮,将视图转为代码视图。ListControl.mxml文件将包括下面的MXML代码:
程序代码:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml" xmlns="*"> <mx:Canvas width="100%" height="100%"> <mx:Label x="20" y="50" text="Rate customer service"/> <mx:ComboBox x="20" y="80" id="cbxRating"></mx:ComboBox> <mx:Button x="140" y="80" label="Send"/> </mx:Canvas> </mx:Application>
保存文件,等待FlexBuilder2.0直到编译完成应用程序,再点击工具条上的Run按钮。
浏览器自动打开并运行你的Flex应用程序。
点击ComboBox。
ComboBox组件中没有任何项,因为你还没有定义它的数据提供者(data provider) 。
关于“FlexBuilder2.0中怎么使用基于Lists的控件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。