本文和大家重點討論一下如何在不依賴Flex框架的情況下實現簡單的Flex數據綁定問題，在Flex項目中，Flex數據綁定是非常常見的代碼編寫方式，通過這種方式，我們可以減輕很多繁瑣的數據更新工作，并解除一些不必要的耦合。

如何在不依賴Flex框架的情況下實現簡單的Flex數據綁定

問題

在Flex項目中，Flex數據綁定是非常常見的代碼編寫方式，通過這種方式，我們可以減輕很多繁瑣的數據更新工作，并解除一些不必要的耦合。如果你還不了解綁定，點擊這里查看關于Flex中綁定的視頻。

如果我們是一個純ActionScript或Flash項目，不想依賴體積大的Flex框架，而又想使用其中的綁定機制，該如何做呢？我們可以遵循綁定的思路，自己編寫代碼實現綁定的方法。這里以簡單的字符串綁定為例，說明這個過程，當然要完整的實現對所有數據類型的綁定機制還是要編寫更多的代碼的，請參照Flex中對于綁定的實現。

解答

首先來看一下這個例子最終完成的Demo演示：

下面來看看是如何實現這套機制的，首先我們來創建一個可綁定的數據類，并實現對綁定對象的數據更新，注意主要是要用bind和unlock兩個方法來實現對Flex數據綁定和解除綁定：
 

package{   
publicclassBindableObject   
{    
publicvarbindProperty:*;    
publicfunctionBindableObject(value:*=null):void{     
bindProperty=value;    
}   
   
publicfunctionsetproperty(p:*):void{   
  bindProperty=p;    
 BindManager.refresh(this);   
 }    
publicfunctiongetproperty():*{     
returnbindProperty;    
}  
    
publicfunctionbind(obj:*,property:String):void{     
BindManager.registBindableObject(obj,property,this);    
}  
    
publicfunctionunlock(obj:*,property:String):void{    
 BindManager.unlockBindableObject(obj,property,this);   
 }  
 }  
}  

 其中對綁定的數據更新要依賴一個manager類來實現，參見下面的代碼：
 

package{   
importflash.utils.Dictionary;   
publicclassBindManager {    
publicstaticvarvalueDic:Dictionary=newDictionary();    
publicstaticfunctionregistBindableObject(obj:*,property:String,value:BindableObject):void{     
if(value.property!=null)obj[property]=value.property;     
if(valueDic[value]==null){      
valueDic[value]=[];     
}     
valueDic[value].push(newInnerBindableObject(obj,property));    
}  
    
publicstaticfunctionunlockBindableObject(obj:*,property:String,value:BindableObject):void{     
if(value!=null){      
varneedCheckObjs:Array=valueDic[value];      
foreach(varitem:InnerBindableObjectinneedCheckObjs){       
if(obj==item.obj&&property==item.property){        
varindex:int=needCheckObjs.indexOf(item);        
if(index!=-1)needCheckObjs.splice(index,1);      
 }      
}     
}    
}  
    
publicstaticfunctionrefresh(value:BindableObject=null):void{     
 
if(value!=null){      
varneedRefObjs:Array=valueDic[value];   
     
foreach(varitem:InnerBindableObjectinneedRefObjs){     
  if(item.obj!=null){     
   item.obj[item.property]=value.property;     
  }    
  }     
}   
 }  
 }}  
 
classInnerBindableObject{   
 
publicfunctionInnerBindableObject(o:*,p:String):void{   
 oobj=o;    
pproperty=p;  
 }   
publicvarobj:*; publicvarproperty:String;  
 
}  
 

 使用方法：

1.首先創建一個BindableObject

2.調取它的bind方法，綁定到要更新的對象，比如：bindExpObj.bind(main.txt1,"text");

3.在需要的時候，對數據源更新，比如：bindExpObj.property=main.stringSRC.text;

4.解除Flex數據綁定，使用unlock方法，參數與bind相同，比如：bindExpObj.unlock(main.txt1,"text");

【編輯推薦】

1. Flex數據綁定中使用Bindable元數據標記的三種方式
2. Flex基礎 創建***個Flex項目
3. Flex數據綁定中綁定到函數、對象和數組
4. FlexBuilder3.0與Eclipse3.4的***結合
5. 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件