flex复选框和下拉列表的几种用法整理

  次阅读 作者:智能小宝 来源:互联网 2016-01-26 10:18 我要评论(0)

这几天接触了flex的很多控件,让我印象最深刻的就是控件的数据绑定几乎所有控件都可以这样做,基本上来说原理和html一样,我自己闲暇时间就整理了有关复选框可下拉的几种用法,下面就给大家分享一下。

1.复选框

这里我主要研究的该控件的全选,全不选,反选以及选中的操作,原理也就是也能用selected这个属性,true表示选中,只需遍历就能实现,此处我使用的是动态的复选框,页面代码如下

复制代码 代码如下:

<mx:VBox top="50">

<mx:VBox>

<mx:Canvas width="100%" height="100%" >

<mx:Repeater id="rep" dataProvider="{array}">

<mx:CheckBox id="checkbox" label="{rep.currentItem.name}" x="{rep.currentItem.x}" data="{rep.currentItem.id}"/>

</mx:Repeater>

</mx:Canvas>

</mx:VBox>

<mx:VBox>

</mx:VBox>

</mx:VBox>

<s:Button x="90" y="81" label="全选" click="checkAll()"/>

<s:Button x="168" y="81" label="全不选" click="checkNotAll()"/>

<s:Button x="246" y="81" label="反选" click="reverse()"/>

刚看到可能比较陌生下面我把Array的定义贴出来

复制代码 代码如下:

public var array:Array=new Array({"name":"语文","id":"chinese","x":"80"},{"name":"数 学","id":"math","x":"160"},{"name":"英语","id":"english","x":"240"});

这种处理一般是用于动态的数据,静态的就直接写了,下面是我的ActionScript

复制代码 代码如下:

//全选

private function checkAll():void{

for(var i:int=0;i<array.length;i++){

checkbox[i].selected=true;

all=all+checkbox[i].data+",";

}

Alert.show("选择了:"+all.substr(0,all.lastIndexOf(",")));

all="";

}

//全不选

private function checkNotAll():void{

for(var i:int=0;i<array.length;i++){

checkbox[i].selected=false;

}

}

//反选

private function reverse():void{

for(var i:int=0;i<array.length;i++){

if(checkbox[i].selected){

checkbox[i].selected=false;

}else{

checkbox[i].selected=true;

}

}

}

很简单吧,下面是下拉的使用,我的做法是先初始化下拉把数据绑定上去,之后根据需要修改下拉显示的内容,只需合理运用好下拉的selectedItem就可以修改下拉选中的值了

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...