日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
Flex綁定機制用法揭秘

在學習Flex的過程中，你可能會遇到Flex綁定機制的概念，這里和大家分享一下，在我們了解了事件機制后，那么理解Flex綁定就不難了，Flex綁定其實也是事件機制的運用。

Flex綁定機制

在我們了解了事件機制后，那么理解Flex綁定就不難了，Flex綁定其實也是事件機制的運用。

1.什么是Flex綁定

Flex綁定的原理就是事件，在被Flex綁定的對象上增加了改變事件的監(jiān)聽，一旦某個被Flex綁定對象改變后，就會分發(fā)一個“propertyChange”事件（默認的，也可以改變成自己定義的事件），在其他組件中，會有propertyChange的事件監(jiān)聽，當捕捉到該事件后，則會去更新組件的屬性并顯示。

Flex綁定的作用在于，將Flex中的變量、類、方法等與組件的值進行Flex綁定。例如，一個變量如果被Flex綁定后，那么引用該變量的組件的相關屬性也會發(fā)生改變。我們用一個實例來表示

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.   
  
  
  3. > 
    4.   
  
  
  4.  
    5.   
  
  
  5.   
  
  
  6. importmx.controls.Alert;  
    7.   
  
  
  7. [Bindable]  
    8.   
  
  
  8. privatevarisSelected:Boolean;  
    9.   
  
  
  9. privatefunctionclickHandler(e:MouseEvent){  
    10.   
  
  
  10. //Alert.show(e.currentTarget.toString());  
    11.   
  
  
  11. isSelected=isSelected?false:true;//這句話的意思是如果isSelected為true，改變它為false，如果它為false，改變它為true；  
    12.   
  
  
  12. Alert.show(isSelected.toString());  
    13.   
  
  
  13. }  
    14.   
  
  
  14. ]]> 
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.

 上述程序的效果就是，當點擊button時，button不是直接改變checkbox的選中狀態(tài)，而是改變isSelected這個變量，由于isSelected是被Flex綁定了的，那么會關聯(lián)的改變CheckBox的選中狀態(tài)。

這樣看起來有些多此一舉，完全可以直接改變checkbox的selected屬性，我只是為了演示一下效果。如果說你的checkbox是動態(tài)構造的上百個，你不會去一個個的改變他吧。

◆因此，我們多數會將一個數據源進行Flex綁定聲明，這樣引用了這個數據源的控件，比如datagrid，在數據源發(fā)生了改變時，即使你不重新設置dataProvider，列表的數據也會刷新。當然，還有很多應用等待你去嘗試。

如果這個代碼中取消了[Bindable]的聲明，會怎么樣？isSelected不會改變了嗎？

isSelected會改變，我們alert出來的結果也會顯示結果改變了，但是checkbox的選擇狀態(tài)不會改變，因為當一個組件由創(chuàng)建到最終顯示出來時是經過很多方法的，比如addChild，commitProperties，updateDisplayList等，updataDisplayList則是類似刷新顯示效果一樣的方法。

僅僅改變屬性，而不去更新顯示效果那么組件不會因為屬性的改變而發(fā)生任何變化。Flex綁定的原理也是利用的事件分發(fā)，更復雜的Flex綁定有待你去自己發(fā)現了。


文章標題：Flex綁定機制用法揭秘
路徑分享：http://www.5511xx.com/article/coejjjc.html