FLEX 渲染器的简单使用

      渲染器是FLEX中很常用的东东，很多地方都要用到，如做一个下拉树，含有checkbox的datagrid等

     下面例子演示了渲染器如何与它的父组件进行传值

 

      <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:DataGrid x="66.5" y="145" id="dataGrid" dataProvider="{dataXml.children()}"> <mx:columns> <mx:DataGridColumn headerText="标签" dataField="@label"/> <mx:DataGridColumn headerText="值" dataField="@value"> <mx:itemRenderer> <mx:Component> <mx:VBox> <mx:Script> <!--[CDATA[ [Bindable] public var comboSource:Array=["true","false"]; /**初始化下拉框渲染器**/ private function init():void { trace(data.@value); if(data.@value=="true") { comboItem.selectedIndex=0; } else { comboItem.selectedIndex=1; } } private function onComboClosed():void { data.@value=comboItem.text; } ]]> </mx:Script> <mx:ComboBox dataProvider="{comboSource}" creationComplete="init();" id="comboItem" close="onComboClosed();"/> <!--<mx:ComboBox dataProvider="{comboSource}" id="comboItem" text="{data.@value}"/>--> </mx:VBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> <mx:Script> <![CDATA[ import mx.controls.Alert; [Bindable] protected var dataXml:XML=<info> <aa label="24" value="false"/> <aa label="55" value="false"/> <aa label="23" value="true"/> <bb label="bb" value="false"/> </info>; private function onButtonClicked():void { Alert.show(dataXml.toXMLString(),"datasource"); } ]]--> </mx:Script> <mx:Button x="66" y="115" label="Button" click="onButtonClicked();"/> </mx:Application>

 

      从上例可以看出，渲染器和它的父组件进行传值就是通过data这个对象的

     参考资料  google( flex itemRender 关键字)