Flex中单选按钮控制表格中的列的增加或减少 - 推酷
Flex中单选按钮控制表格中的列的增加或减少
1、问题背景
单选按钮有“苹果”和“香蕉”两个，表格中的列有星期、苹果、香蕉和苹果比率，选择了“苹果”单选按钮，表格显示
星期、苹果和苹果比率；选择了“香蕉”单选按钮， 表格显示
星期 和 香蕉。
2、问题实例
&?xml version=&1.0& encoding=&utf-8&?&
&s:Application xmlns:fx=&/mxml/2009&
xmlns:s=&library:///flex/spark&
xmlns:mx=&library:///flex/mx&
width=&100%& height=&100%& fontSize=&12&
fontFamily=&微软雅黑&
creationComplete=&initHandler(event)&&
&s:layout&
&s:BasicLayout/&
&/s:layout&
&fx:Style&
@namespace s &library:///flex/spark&;
@namespace mx &library:///flex/mx&;
.dataHead{
background-color:
&/fx:Style&
&fx:Script&
import mx.collections.ArrayC
import mx.events.FlexE
import mx.events.ItemClickE
[Bindable]
//表格数据绑定
private var gridArray:ArrayCollection = new ArrayCollection([
{week:&星期一&,apple:&4567&,banana:&7656&,appleRate:&56.89&},
{week:&星期二&,apple:&3455&,banana:&8567&,appleRate:&67.45&},
{week:&星期三&,apple:&6735&,banana:&3456&,appleRate:&34.23&},
{week:&星期四&,apple:&5454&,banana:&8756&,appleRate:&89.98&},
{week:&星期五&,apple:&9894&,banana:&6746&,appleRate:&78.34&},
{week:&星期六&,apple:&3444&,banana:&8767&,appleRate:&46.89&},
{week:&星期日&,apple:&6756&,banana:&5675&,appleRate:&16.89&}
* 初始化函数
protected function initHandler(event:FlexEvent):void
appleLabel.selected =
* 查询按钮点击函数
protected function search_clickHandler(event:MouseEvent):void
* 单选按钮点击函数
protected function radiogroup_itemClickHandler(event:ItemClickEvent):void
if(event.currentTarget.selectedValue==&苹果&)
apple.visible =
banana.visible =
appleRate.visible =
else if(event.currentTarget.selectedValue==&香蕉&)
apple.visible =
banana.visible =
appleRate.visible =
&/fx:Script&
&fx:Declarations&
&s:RadioButtonGroup id=&radiogroup& itemClick=&radiogroup_itemClickHandler(event)&/&
&/fx:Declarations&
&mx:VBox width=&100%& height=&100%& paddingBottom=&10& paddingLeft=&10& paddingRight=&20&
paddingTop=&10&&
&mx:HBox width=&100%& height=&30& verticalAlign=&middle& paddingLeft=&10& borderStyle=&solid&
borderVisible=&true& borderColor=&0x000000&&
&s:Label text=&水果种类：&/&
&s:Label width=&5&/&
&s:RadioButton label=&苹果& value=&苹果& groupName=&radiogroup& id=&appleLabel&/&
&s:Label width=&15&/&
&s:RadioButton label=&香蕉& value=&香蕉& groupName=&radiogroup& id=&bananaLabel&/&
&s:Label width=&40&/&
&s:Button id=&search& label=&查询& click=&search_clickHandler(event)&/&
&/mx:HBox&
&mx:DataGrid width=&100%& height=&90%& dataProvider=&{gridArray}& textAlign=¢er& headerStyleName=&dataHead&
headerHeight=&30&&
&mx:columns&
&mx:DataGridColumn headerText=&星期& dataField=&week&/&
&mx:DataGridColumn headerText=&苹果& dataField=&apple& id=&apple&/&
&mx:DataGridColumn headerText=&香蕉& dataField=&banana& id=&banana&/&
&mx:DataGridColumn headerText=&苹果比率& dataField=&appleRate& id=&appleRate&/&
&/mx:columns&
&/mx:DataGrid&
&/mx:VBox&
&/s:Application&
3、实例结果
（1）初始化
（2）选择“苹果”
（3）选择“香蕉”
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2011年6月 Web 开发大版内专家分月排行榜第二
2012年2月 Web 开发大版内专家分月排行榜第二
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2012年2月 Web 开发大版内专家分月排行榜第二
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。感谢您的提问，我们会通过短信的方式反馈您的问题***，请注意查收！确定
咨询问题：请选择
您的称呼：
联系方式：
回访时间：
名称：Flex从入门到精通
版权信息作　者：聂晓霞
　　出版时间： 2008
　　开本： 16
　　定价: 59.80 元
关注百科官方微信：hudong_baike第一时间获取更多百科资讯
保存二维码
分享词条给好朋友
长按上图保存二维码，使用微信扫一扫右上角的"相册"扫码，再分享好友或朋友圈