生活随笔
收集整理的這篇文章主要介紹了
Flex3双向绑定完善版
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
最近做Flex項目，碰到了雙向綁定的問題，
查了下網(wǎng)上，有解決方法
?
簡單說就是 2個單項綁定 + 簡易的同步機(jī)制
?
看代碼：
Java代碼 ?
??????public?class?BindingUtil{ ?????????? ?????????? ????????????????????public?static?function?bind(obj1:Object,prop1:String,obj2:Object,prop2:String):void{ ?????????????? ????????????????????????????var?flag:Boolean?=?false; ?????????????? ??????????????ChangeWatcher.watch(obj1,prop1,function(event:Event):void{ ??????????????????if(!flag){ ????????????????????????????????????????????flag?=?true; ??????????????????????obj2[prop2]?=?obj1[prop1]; ????????????????????????????????????????????flag?=?false; ??????????????????} ??????????????}); ?????????????? ??????????????ChangeWatcher.watch(obj2,prop2,function(event:Event):void{ ??????????????????if(!flag){ ????????????????????????????????????????????flag?=?true; ??????????????????????obj1[prop1]?=?obj2[prop2]; ????????????????????????????????????????????flag?=?false; ??????????????????} ??????????????}); ??????????} ??????}??
/**實現(xiàn)雙向綁定工具類*/public class BindingUtil{/**綁定方法*/public static function bind(obj1:Object,prop1:String,obj2:Object,prop2:String):void{/**是否在改變標(biāo)志，類似 數(shù)據(jù)同步機(jī)制*/var flag:Boolean = false;ChangeWatcher.watch(obj1,prop1,function(event:Event):void{if(!flag){/**鎖定對象*/flag = true;obj2[prop2] = obj1[prop1];/**解鎖對象*/flag = false;}});ChangeWatcher.watch(obj2,prop2,function(event:Event):void{if(!flag){/**鎖定對象*/flag = true;obj1[prop1] = obj2[prop2];/**解鎖對象*/flag = false;}});}}
?
可以看到
?
使用了ChangeWatcher注冊了一個函數(shù)，并且使用了閉包的特性
使得 var flag:Boolean 變量可以 在匿名函數(shù)中使用
?
其實 flag的作用就是 類似 java的synchronized
?
放置時間爭搶改變屬性的作用
?
?
但是如果像這樣寫，那么不是很理想
?
我改了一下：
Java代碼 ?
??????public?class?BindingUtil{ ?????????? ??????????public?var?watchers:ArrayCollection?=?new?ArrayCollection(); ?????????? ????????????????????public?function?bind( ??????????????obj1:Object,prop1:String, ??????????????obj2:Object,prop2:String):void{ ?????????????? ????????????????????????????var?flag:Boolean?=?false; ?????????????? ??????????????var?tempwatcher1:ChangeWatcher?=?ChangeWatcher.watch(obj1,prop1,function(event:Event):void{ ??????????????????if(!flag){ ????????????????????????????????????????????flag?=?true; ??????????????????????obj2[prop2]?=?obj1[prop1]; ????????????????????????????????????????????flag?=?false; ??????????????????} ??????????????}); ?????????????? ??????????????var?tempwatcher2:ChangeWatcher?=?ChangeWatcher.watch(obj2,prop2,function(event:Event):void{ ??????????????????if(!flag){ ????????????????????????????????????????????flag?=?true; ??????????????????????obj1[prop1]?=?obj2[prop2]; ????????????????????????????????????????????flag?=?false; ??????????????????} ??????????????}); ?????????????? ??????????????this.watchers.addItem(tempwatcher1); ??????????????this.watchers.addItem(tempwatcher2); ??????????} ?????????? ????????????????????public?function?unbind():void{ ??????????????for(var?i:int?=?0;?i<this.watchers.length;?i++){ ??????????????????ChangeWatcher(this.watchers.getItemAt(i)).unwatch(); ??????????????} ??????????} ??????}??
/**實現(xiàn)雙向綁定工具類*/public class BindingUtil{public var watchers:ArrayCollection = new ArrayCollection();/**綁定方法*/public function bind(obj1:Object,prop1:String,obj2:Object,prop2:String):void{/**是否在改變標(biāo)志，類似 數(shù)據(jù)同步機(jī)制*/var flag:Boolean = false;var tempwatcher1:ChangeWatcher = ChangeWatcher.watch(obj1,prop1,function(event:Event):void{if(!flag){/**鎖定對象*/flag = true;obj2[prop2] = obj1[prop1];/**解鎖對象*/flag = false;}});var tempwatcher2:ChangeWatcher = ChangeWatcher.watch(obj2,prop2,function(event:Event):void{if(!flag){/**鎖定對象*/flag = true;obj1[prop1] = obj2[prop2];/**解鎖對象*/flag = false;}});this.watchers.addItem(tempwatcher1);this.watchers.addItem(tempwatcher2);}/**解除綁定*/public function unbind():void{for(var i:int = 0; i<this.watchers.length; i++){ChangeWatcher(this.watchers.getItemAt(i)).unwatch();}}}
?
?
加入了屬性，保存了所有的綁定，
?
也提供了解除綁定的方法
?
這樣的好處，不言而喻吧，當(dāng)你同個視圖想綁定不同對象的時候，那么就派上用場了!
轉(zhuǎn)載于:https://blog.51cto.com/xiweicheng/677617
總結(jié)
以上是生活随笔為你收集整理的Flex3双向绑定完善版的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
