您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“如何使用Flex ComboBox控件優(yōu)化網(wǎng)站”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學習一下“如何使用Flex ComboBox控件優(yōu)化網(wǎng)站”這篇文章吧。
Flex ComboBox控件
1.動態(tài)添加數(shù)據(jù)
首先:創(chuàng)建一個數(shù)組進行數(shù)據(jù)的存儲。再在ComboBox控件dataProvider屬性進行綁定。
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> <mx:Script> <![CDATA[ [Bindable] privatevarmonthslist:Array=[{label:"一月",value:0},{label:"二月",value:1},{label:"三月",value:2},{label:"四月",value:3},{label:"五月",value:4}]; ]]> </mx:Script> <mx:ComboBoxxmx:ComboBoxx="129"y="78"id="cbb1"dataProvider="{monthslist}"></mx:ComboBox> </mx:Application>
2.添加固定數(shù)據(jù)
<mx:ComboBoxidmx:ComboBoxid="myCBox"x="256"y="78"> <mx:Arrayidmx:Arrayid="status"> <mx:Objectlabelmx:Objectlabel="元旦"value="0"/> <mx:Objectlabelmx:Objectlabel="冬天"value="1"/> <mx:Objectlabelmx:Objectlabel="侄子生日"value="2"/> <mx:Objectlabelmx:Objectlabel="老婆生日"value="3"/> <mx:Objectlabelmx:Objectlabel="我的生日"value="4"/> <mx:Objectlabelmx:Objectlabel="哥們生日"value="5"/> <mx:Objectlabelmx:Objectlabel="夏天"value="6"/> </mx:Array> </mx:ComboBox>
3.兩個Flex ComboBox控件聯(lián)動
新建一個getlist()方法,動態(tài)獲取對應月份的信息。
對象id.selectedItem.value//獲取選中對象value值
對象id.selectedIndex//顯示選中對象值
privatefunctiongetlist():void { varvv:String=cbb1.selectedItem.value; myCBox.selectedIndex=int(vv); }
圖:
完整代碼:
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> <mx:Script> <![CDATA[ importmx.controls.Alert; [Bindable] privatevarmonthslist:Array=[{label:"一月",value:0},{label:"二月",value:1},{label:"三月",value:2},{label:"四月",value:3},{label:"五月",value:4}]; privatefunctiongetlist():void { varvv:String=cbb1.selectedItem.value; myCBox.selectedIndex=int(vv); } ]]> </mx:Script> <mx:ComboBoxxmx:ComboBoxx="129"y="78"id="cbb1"dataProvider="{monthslist}"change="getlist()"></mx:ComboBox> <mx:ComboBoxidmx:ComboBoxid="myCBox"x="256"y="78"> <mx:Arrayidmx:Arrayid="status"> <mx:Objectlabelmx:Objectlabel="元旦"value="0"/> <mx:Objectlabelmx:Objectlabel="冬天"value="1"/> <mx:Objectlabelmx:Objectlabel="侄子生日"value="2"/> <mx:Objectlabelmx:Objectlabel="老婆生日"value="3"/> <mx:Objectlabelmx:Objectlabel="我的生日"value="4"/> <mx:Objectlabelmx:Objectlabel="哥們生日"value="5"/> <mx:Objectlabelmx:Objectlabel="夏天"value="6"/> </mx:Array> </mx:ComboBox> </mx:Application>
以上是“如何使用Flex ComboBox控件優(yōu)化網(wǎng)站”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。