溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Flex3.0數(shù)據(jù)綁定的方式有哪些

發(fā)布時間:2021-12-14 13:45:25 來源:億速云 閱讀:132 作者:小新 欄目:編程語言

小編給大家分享一下Flex3.0數(shù)據(jù)綁定的方式有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

使用Flex3.0數(shù)據(jù)綁定來處理數(shù)據(jù)

Flex3.0數(shù)據(jù)綁定是連接一個對象中數(shù)據(jù)到另一個對象的處理過程。它提供了在應用程序中傳遞數(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)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(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)容。

AI