flex中ComboBox和datagrid的使用

所谓ComboBox就是下拉菜单了 (在博客里搞出这东西也不容易啊,代码在下面附上)
先给出一段代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx=" [url]http://www.adobe.com/2006/mxml[/url]" layout="absolute">
<mx:Script>
<![CDATA[
[Bindable]
public var cards: Array = [ {label:"xhinker1", data:"1.jpg"},
{label:"xhinker2", data:"2.jpg"}, {label:"xhinker3", data:"3.jpg"} ];


[Bindable]
public var selectedItem1:Object;
[Bindable]
public var selectedItem2:Object;
]]>
</mx:Script>
<mx:ComboBox x="10" y="10" dataProvider="{cards}" width="150"
close="selectedItem2=ComboBox(event.target).selectedItem">
</mx:ComboBox>
<mx:HBox x="168" y="10" width="368">
<mx:Label text="You selected: {selectedItem2.label}"/>
<mx:Label text="Data: {selectedItem2.data}" width="168"/>
</mx:HBox>
</mx:Application>
不要害怕,重要的地方都用黑体标出来了。[bindable]是捆绑标记,这样数据就可以与部件进行动态交换数据。之后就是combobox里选项的内容了, Array是属性声明,label是外面看到的选项,data就是真正的数据内容。上面例子中数据是图片的地址,图片放在bin文件下。第二段黑体就是真正的combobox了。下面一段可有可无,用来检验的。注意红色的部分这些是需要自己声明的。
下面讲DataGrid,首先把代码全部给出来:
<mx:XMLList id="employees">
<employee>
<name>xhinker1</name>
<phone>555-219-2270</phone>
<email> ccoenraets@fictitious.com</email>
<active>true</active>
</employee>
<employee>
<name>xhinker2</name>
<phone>555-219-2012</phone>
<email> jwall@fictitious.com</email>
<active>true</active>
</employee>
<employee>
<name>xhinker3</name>
<phone>555-219-2012</phone>
<email> maurice@fictitious.com</email>
<active>false</active>
</employee>
<employee>
<name>xhinker4</name>
<phone>555-219-2000</phone>
<email> mjones@fictitious.com</email>
<active>true</active>
</employee>
</mx:XMLList>
这里是用xml存储数据将来会在表格中显示出来.
<mx:DataGrid id="dg" rowCount="4" dataProvider="{employees}" enabled="true">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Name"/>
<mx:DataGridColumn dataField="phone" headerText="Phone"/>
<mx:DataGridColumn dataField="email" headerText="Email"/>
</mx:columns>
</mx:DataGrid>
这一段就把数据显示出来了也不是太难了,adobe flex不提供傻瓜式输入,我们就得辛苦一点自己输入了。
 
下拉菜单的博客代码<SELECT size=1 name=select> <OPTION selected>1</OPTION> <OPTION>2</OPTION> <OPTION>3</OPTION> <OPTION>4</OPTION></SELECT>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值