Flex中的ArrayCollection绑定警告: unable to bind to property

转载：http://hi.baidu.com/exgeztfhdnbkmwd/item/5820201b17cae1fa9d778acc

在Flex的开发中，绑定是经常用到的，而令人烦恼的是会不断出现以下警告：

warning: unable to bind to property 'icon' on class 'Object' (class is not an IEventDispatcher)

那到底应该怎么解决？看如下例子：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:ArrayCollection id="arrColl">
?? <mx:source>
??? <mx:Array id="arr">
???? <mx:Object data="0" label="" icon="img/0.gif"/>
???? <mx:Object data="1" label="" icon="img/1.gif"/>
???? <mx:Object data="2" label="" icon="img/2.gif"/>
???? <mx:Object data="3" label="" icon="img/3.gif"/>
???? <mx:Object data="4" label="" icon="img/4.gif"/>
???? <mx:Object data="5" label="" icon="img/5.gif"/>

??? </mx:Array>
?? </mx:source>
</mx:ArrayCollection>???
<mx:PopUpButton id="popUpButton_pic" openAlways="true" width="43" height="23">
?? <mx:popUp>
??? <mx:TitleWindow id="titleWindow_popUp" width="450" height="400"?
??????? showCloseButton="true" verticalScrollPolicy="on" horizontalScrollPolicy="off" close="popUpButton_pic.close();">
???? <mx:ToolBar width="430">
????? <mx:Repeater id="myRep" dataProvider="{arrColl}">
?????? <mx:Image id="myimgclick" buttonMode="true" data="{myRep.currentIndex}" source="{myRep.currentItem.icon}">
??????? </mx:Image>
????? </mx:Repeater>
???? </mx:ToolBar>
??? </mx:TitleWindow>
?? </mx:popUp>
</mx:PopUpButton>
</mx:Application>

运行上面的例子，是没有错误，但是警告却不少（如下图），原因在于Objet 不是IEventDispatcher类型。

解决方法如下：

http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
<mx:ArrayCollection id="arrColl">
?? <mx:source>
??? <mx:Array id="arr">
???? <local:myCls data="0" label="" icon="img/0.gif"/>
???? <local:myCls data="1" label="" icon="img/1.gif"/>
???? <local:myCls data="2" label="" icon="img/2.gif"/>
???? <local:myCls data="3" label="" icon="img/3.gif"/>
???? <local:myCls data="4" label="" icon="img/4.gif"/>
???? <local:myCls data="5" label="" icon="img/5.gif"/>

??? </mx:Array>
?? </mx:source>
</mx:ArrayCollection>???
<mx:PopUpButton id="popUpButton_pic" openAlways="true" width="43" height="23">
?? <mx:popUp>
??? <mx:TitleWindow id="titleWindow_popUp" width="450" height="400"?
??????? showCloseButton="true" verticalScrollPolicy="on" horizontalScrollPolicy="off" close="popUpButton_pic.close();">
???? <mx:ToolBar width="430">
????? <mx:Repeater id="myRep" dataProvider="{arrColl}">
?????? <mx:Image id="myimgclick" buttonMode="true" data="{myRep.currentIndex}"????????? source="{myRep.currentItem.icon}">
??????? </mx:Image>
????? </mx:Repeater>
???? </mx:ToolBar>
??? </mx:TitleWindow>
?? </mx:popUp>
</mx:PopUpButton>
</mx:Application>

myCls.as：

package
{
[Bindable]
public class myCls
{
?? public var data:String;
?? public var tp:String;
?? public var label:String;
?? public var icon:String;
?? public function myCls()
?? {
?? }

}
}

通过上面的方法，就可以很轻松地解决绑定的问题，而这种方法，我称其为“类绑定法”。