[Bindable]元数据标签举例

【描述】

现在想从后台的数据库里读取一些Product信息进行填到Panel里

【代码分析】

<mx:Panel title="Catalog" width="100%" height="100%"><mx:TileList id="list" dataProvider="{products}" itemRenderer="Thumb" width="100%" height="100%"/> </mx:Panel>

可以看出dataProvider是指Panel从哪里获得数据，{products}代表一个变量，由这个变量提供给Panel它想要的数据，这时这个变量需要用{}引起来，而后面的itemRenderer="Thumb"中的Thumb实际上是一个类，就不用{}了

 

products这个变量里的值是怎么来的呢？

<mx:Script><!--[CDATA[import mx.collections.ArrayCollection;import mx.rpc.events.ResultEvent;[Bindable]private var products:ArrayCollection;private function resultHandler(event:ResultEvent):void{products = event.result as ArrayCollection;}]]--></mx:Script>

可以看出products是从event.result中提取的

<mx:RemoteObject id="srv" destination="product"><mx:method name="getProducts" result="resultHandler(event)"/></mx:RemoteObject>

前台调用RemoteObject的getProducts方法后，会在resultHandler(event)方法中进行处理，event中包含Panel需要的数据，但是不能直接传给Panel需要中转一下，这个中转者就是products，它用[Bindable]标记，表示这个变量用于给某个控件提供数据。有中转的好处是能够做除了传递数据以外的其他工作，比如格式化数据等等，这样就可以直接用java代码操作products就行了。

 

这里的destination="product"的意思是getProducts()方法从product中调用.而product在配置文件remoting-config.xml中被定义，

<destination id="product"> <properties> <source>flex.samples.product.ProductService</source> </properties> </destination>

指向flex.samples.product.ProductService