Flex渲染器的用法

来源：互联网发布：vscode ripgrep 编辑：程序博客网时间：2024/05/01 00:39

DEMO：

http://hi.baidu.com/candypopoo1986/blog/item/d6ed73aae67a93bbca130c5b.html

mxml：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#FFFFFF" width="345" height="199">
<mx:Script>
   <![CDATA[
    import mx.collections.ArrayCollection;
    import mx.controls.Alert;
    import mx.controls.Label;
    [Bindable]
    public var init:ArrayCollection = new ArrayCollection([{Com:'aaa',CC:'1111',Str:''},{Com:'bbb',CC:'1111',Str:''}]);
    public var aa:String = "1";
   ]]>
</mx:Script>
<mx:DataGrid x="25.5" y="10" dataProvider="{init}">
   <mx:columns>
    <mx:DataGridColumn headerText="do" width="100" resizable="false">
       <mx:itemRenderer>
          <mx:Component>
                    <mx:Button fontSize="10" click="openEditWindow(data)" label="{data.Com}">
             <mx:Script>
              <![CDATA[
              import mx.controls.Alert;
                private function openEditWindow(data:Object):void
              {
                  Alert.show(data.Com);
               }
             ]]>
             </mx:Script>
            </mx:Button>
                  </mx:Component>
                 </mx:itemRenderer>
         </mx:DataGridColumn>
    <mx:DataGridColumn headerText="2" dataField="Com"/>
    <mx:DataGridColumn headerText="3" dataField="CC"/>
   </mx:columns>
</mx:DataGrid>
</mx:Application>

通过 <mx:itemRenderer>标签引入渲染器，然后用<mx:Component>进行重组，data进行联动数据，data包含数据传送的所有属性和方法，这样重构并有功能的渲染器DataGrid就做好啦！