小編給大家分享一下Flex3.0數(shù)據(jù)綁定的方式有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)是專業(yè)的撫松網(wǎng)站建設(shè)公司,撫松接單;提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行撫松網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
使用Flex3.0數(shù)據(jù)綁定來處理數(shù)據(jù)
Flex3.0數(shù)據(jù)綁定是連接一個對象中數(shù)據(jù)到另一個對象的處理過程。它提供了在應(yīng)用程序中傳遞數(shù)據(jù)的方便的途徑。
AdobeFlex3提供幾個途徑來指定Flex3.0數(shù)據(jù)綁定:
◆使用大括號({})語法。
◆使用在大括號中ActionScript表達式
◆在MXML中使用<mx:Binding>標簽
◆在ActionScript中使用綁定
使用大括號({})語法
Flex3.0數(shù)據(jù)綁定需要源屬性,目標屬性,觸發(fā)事件。觸發(fā)事件表名了合適需要從源向目標拷貝數(shù)據(jù)。下邊的例子展示了一個Text控件獲得Hslider控件值屬性的數(shù)據(jù)。在大括號中的屬性名是綁定表達式的源屬性。當原屬性的值發(fā)生變化,F(xiàn)lex復制源屬性的當前值mySlider.value到目標屬性,Text控件的text屬性。
連接:要查看使用大括號語法更復雜的關(guān)于Flex3.0數(shù)據(jù)綁定的例子,查看Definingdatamodels
例子
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/DataBindingSimple/index.html" width="250"height="150" > <mx:Panel title="Simpledatabinding" paddingLeft="10"paddingRight="10"paddingBottom="10" paddingTop="10" horizontalAlign="center" > <mx:HSlideridmx:HSliderid="mySlider"/> <mx:Texttextmx:Texttext="{mySlider.value}"/> </mx:Panel> </mx:Application>
使用在大括號中ActionScript表達式
大括號中的綁定表達式能夠被包含在ActionScript表達式中用來發(fā)回一個結(jié)果。例如你能夠使用大括號語法用于下邊類型的綁定:
◆在大括號中一個單獨的可綁定屬性
◆在大括號中使用字符串串聯(lián),其中報站一個可綁定的屬性
◆在大括號中基于可綁定屬性的計算
◆在大括號中使用條件運算來判斷一個可綁定屬性
下邊的例子中這事了用戶界面中使用了每一種類型的綁定表達式
例子
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/DataBindingActionScriptExpressionsSimple/index.html" width="420"height="350" > <mx:Modelidmx:Modelid="myModel"> <myModel> <!--Performsimplepropertybinding.--> <a>{nameInput.text}</a> <!--Performstringconcatenation.--> <b>Thisis{nameInput.text}</b> <!--Performacalculation.--> <c>{(Number(numberInput.text)asNumber)*6/7}</c> <!--Performaconditionaloperationusingaternaryoperator; thepersonobjectcontainsaBooleanvariablecalledisMale.--> <d>{(isMale.selected)?"Mr.":"Ms."}{nameInput.text}</d> </myModel> </mx:Model> <mx:Panel paddingBottom="10"paddingLeft="10"paddingRight="10"paddingTop="10" width="100%"height="100%" title="Bindingexpressions" > <mx:Form> <mx:FormItemlabelmx:FormItemlabel="LastName:"> <mx:TextInputidmx:TextInputid="nameInput"/> </mx:FormItem> <mx:FormItemlabelmx:FormItemlabel="Selectsex:"> <mx:RadioButton id="isMale" label="Male" groupName="gender" selected="true" /> <mx:RadioButton id="isFemale" label="Female" groupName="gender" /> </mx:FormItem> <mx:FormItemlabelmx:FormItemlabel="Enteranumber:"> <mx:TextInputidmx:TextInputid="numberInput"text="0"/> </mx:FormItem> </mx:Form> <mx:Texttextmx:Texttext="{'Simplebinding:'+myModel.a}"/> <mx:Texttextmx:Texttext="{'Stringconcatenation:'+myModel.b}"/> <mx:Texttextmx:Texttext="{'Calculation:'+numberInput.text+'*6/7='+myModel.c}"/> <mx:Texttextmx:Texttext="{'Conditional:'+myModel.d}"/> </mx:Panel> </mx:Application>
以上是“Flex3.0數(shù)據(jù)綁定的方式有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站欄目:Flex3.0數(shù)據(jù)綁定的方式有哪些
網(wǎng)站鏈接:http://www.rwnh.cn/article46/jsdseg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站排名、、小程序開發(fā)、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)