flex复选框和下拉列表的几种用法整理
网络编程 2021-07-05 11:32www.168986.cn编程入门
自己闲暇时间整理了有关复选框可下拉的几种用法，在这里与大家分享下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
这几天接触了flex的很多控件，让我印象最深刻的就是控件的数据绑定几乎所有控件都可以这样做，基本上来说原理和html一样，我自己闲暇时间就整理了有关复选框可下拉的几种用法，狼蚁网站SEO优化就给大家分享一下。
1.复选框
这里我主要研究的该控件的全选，全不选，反选以及选中的操作，原理也就是也能用selected这个属性，true表示选中，只需遍历就能实现，此处我使用的是动态的复选框，页面代码如下
<mx:VBox ="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()"/>
刚看到可能比较陌生狼蚁网站SEO优化我把Array的定义贴出来
public var array:Array=new Array({"name":"语文","id":"chinese","x":"80"},{"name":"数学","id":"math","x":"160"},{"name":"英语","id":"english","x":"240"});
这种处理一般是用于动态的数据，静态的就直接写了，狼蚁网站SEO优化是我的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;
}
}
}
很简单吧，狼蚁网站SEO优化是下拉的使用，我的做法是先初始化下拉把数据绑定上去，之后根据需要修改下拉显示的内容，只需合理运用好下拉的selectedItem就可以修改下拉选中的值了
<mx:ComboBox id="subject" x="78" y="149" labelField="name" dataProvider="{array}"/>
狼蚁网站SEO优化是页面加载的初始化方法
<PRE class=java name="code">public function init(event:Event):void{
for(var i:int=0;i<array.length;i++){
if("数学"==array[i].name){
subject.selectedIndex=i;
checkbox[i].selected=true;
}
}
}</PRE><BR>
这里我顺便把数学的复选框弄成了默认选中<BR>
看起来代码有点乱，狼蚁网站SEO优化我把整个页面代码都贴出来<BR>
<PRE class=html name="code"><?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe./mxml/2009"
xmlns:s="library://ns.adobe./flex/spark"
xmlns:mx="library://ns.adobe./flex/mx" minWidth="955" minHeight="600" initialize="init(event)">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
public var all:String="";
public var array:Array=new Array({"name":"语文","id":"chinese","x":"80"},{"name":"数学","id":"math","x":"160"},{"name":"英语","id":"english","x":"240"});
public function init(event:Event):void{
for(var i:int=0;i<array.length;i++){
if("数学"==array[i].name){
subject.selectedIndex=i;
checkbox[i].selected=true;
}
}
}
//全选
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;
}
}
}
]]>
</fx:Script>
<mx:VBox ="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()"/>
<mx:ComboBox id="subject" x="78" y="149" labelField="name" dataProvider="{array}"/>
</s:Application>
</PRE><BR>
<BR>
<PRE></PRE>
<P></P>
<PRE></PRE>
<IMG alt="" src="http://img.blog.csdn./20130706214231250?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbndpbGwz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">
1.复选框
这里我主要研究的该控件的全选，全不选，反选以及选中的操作，原理也就是也能用selected这个属性，true表示选中，只需遍历就能实现，此处我使用的是动态的复选框，页面代码如下
代码如下:
<mx:VBox ="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()"/>
刚看到可能比较陌生狼蚁网站SEO优化我把Array的定义贴出来
代码如下:
public var array:Array=new Array({"name":"语文","id":"chinese","x":"80"},{"name":"数学","id":"math","x":"160"},{"name":"英语","id":"english","x":"240"});
这种处理一般是用于动态的数据，静态的就直接写了，狼蚁网站SEO优化是我的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;
}
}
}
很简单吧，狼蚁网站SEO优化是下拉的使用，我的做法是先初始化下拉把数据绑定上去，之后根据需要修改下拉显示的内容，只需合理运用好下拉的selectedItem就可以修改下拉选中的值了
代码如下:
<mx:ComboBox id="subject" x="78" y="149" labelField="name" dataProvider="{array}"/>
狼蚁网站SEO优化是页面加载的初始化方法
<PRE class=java name="code">public function init(event:Event):void{
for(var i:int=0;i<array.length;i++){
if("数学"==array[i].name){
subject.selectedIndex=i;
checkbox[i].selected=true;
}
}
}</PRE><BR>
这里我顺便把数学的复选框弄成了默认选中<BR>
看起来代码有点乱，狼蚁网站SEO优化我把整个页面代码都贴出来<BR>
<PRE class=html name="code"><?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe./mxml/2009"
xmlns:s="library://ns.adobe./flex/spark"
xmlns:mx="library://ns.adobe./flex/mx" minWidth="955" minHeight="600" initialize="init(event)">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
public var all:String="";
public var array:Array=new Array({"name":"语文","id":"chinese","x":"80"},{"name":"数学","id":"math","x":"160"},{"name":"英语","id":"english","x":"240"});
public function init(event:Event):void{
for(var i:int=0;i<array.length;i++){
if("数学"==array[i].name){
subject.selectedIndex=i;
checkbox[i].selected=true;
}
}
}
//全选
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;
}
}
}
]]>
</fx:Script>
<mx:VBox ="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()"/>
<mx:ComboBox id="subject" x="78" y="149" labelField="name" dataProvider="{array}"/>
</s:Application>
</PRE><BR>
<BR>
<PRE></PRE>
<P></P>
<PRE></PRE>
<IMG alt="" src="http://img.blog.csdn./20130706214231250?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbndpbGwz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程：电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示：编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程