麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > Flex > 正文

flex復選框和下拉列表的幾種用法整理

2024-09-08 18:17:18
字體:
來源:轉載
供稿:網友
這幾天接觸了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就可以修改下拉選中的值了
復制代碼 代碼如下:

<mx:ComboBox id="subject" x="78" y="149" labelField="name" dataProvider="{array}"/>
下面是頁面加載的初始化方法
<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>
看起來代碼有點亂,下面我把整個頁面代碼都貼出來<BR>
<PRE class=html name="code"><?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/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 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()"/>
<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.net/20130706214231250?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbndpbGwz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 美女扒开腿让男生桶爽网站 | 成年人网站视频免费 | 一区二区三区四区视频在线观看 | 精品国产高清一区二区三区 | 久草在线视频免费播放 | 久久精品欧美一区二区 | 全黄裸片武则天一级第4季 九色p | 国产精品久久在线观看 | 欧美日韩免费一区二区三区 | 国产羞羞网站 | 国产一国产一级毛片视频在线 | av不卡免费观看 | 黄色网址你懂的 | 免费毛片视频播放 | 香蕉视频99| 国产宾馆3p国语对白 | 精品久久久久久成人av | 久久久电影电视剧免费看 | 久久久久久久久亚洲精品 | 九九福利视频 | 欧美视频在线一区二区三区 | 亚洲免费资源 | 叶子楣成人爽a毛片免费啪啪 | 91精品久久久久久久久 | 国内毛片视频 | 国产成人高潮免费观看精品 | 高清国产午夜精品久久久久久 | 日韩色视频在线观看 | 老a影视网站在线观看免费 国产精品久久久久久久久久尿 | 毛片免费观看视频 | 免费黄色在线 | 久久久一区二区三区视频 | 91一区二区三区久久久久国产乱 | aaaaa国产欧美一区二区 | 在线无码 | 国产毛片aaa一区二区三区视频 | 久久国语对白 | 欧美14一15sex性hd | 56av国产精品久久久久久久 | 一本一道久久久a久久久精品91 | 日本精品婷婷久久爽一下 |