自定义DataGrid显示的办法

 代码代码，依然是代码，下面这个是一个自定义了特定列，和特定列的单元格的DataGrid（当然，这两个不再在一列上）：

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
     < mx:Script >
         <![CDATA[
          import mx.collections.ArrayCollection;
        
          [Bindable]
          private var initDG:ArrayCollection = new ArrayCollection([
            {Artist:'Pavement', Album:'Slanted and Enchanted', 
                Price:11.99, SalePrice: true },
            {Artist:'Pavement', Album:'Brighten the Corners', 
                Price:11.99, SalePrice: false }
          ]);   
         ]]>
     </ mx:Script >

     < mx:DataGrid  id ="myGrid"  
        dataProvider ="{initDG}"  
        variableRowHeight ="true" >  
         < mx:columns >
             < mx:DataGridColumn  dataField ="Artist"  itemRenderer ="item.RendererDGHeader" />
             < mx:DataGridColumn  dataField ="Album" />
             < mx:DataGridColumn  dataField ="Price" />
             < mx:DataGridColumn  width ="150"  dataField ="SalePrice"  
                headerRenderer ="item.RendererDGHeader" />
         </ mx:columns >        
     </ mx:DataGrid >   

</ mx:Application >

大家可以看出，columns这个标签的设置确定了他是采用什么ItemRender，而columns是什么呢？他是一个属性，类型是一个以DataGridColumn为元素的Array，这个DataGridColumn有两个属性我们注意一下，那是我们这篇文章的核心，那就是itemRender和headerRender，顾名思义，分别是定义单元格和列标题头的对应属性名，我写了一个自定义的itemRender,代码如下：

 

<? xml version="1.0" ?>
< mx:HBox  xmlns:mx ="http://www.adobe.com/2006/mxml" >
     < mx:Script >
         <![CDATA[

            [Embed(source="/xtal_03.png")]
            [Bindable]
            public var sale:Class;            
         ]]>
     </ mx:Script >

     < mx:Label  text ="Sale Price!" />
     < mx:Image  height ="20"  width ="20"  source ="{sale}" />

</ mx:HBox >

测试一下，你就看到效果了