动态设置dataGridColumn的ItemRenderer

Question

我有这个 DataGrid：

<mx:DataGrid id="myDataGrid">
    <mx:columns>
        <mx:DataGridColumn dataField="colA" headerText="Column A:" width="40"
            headerRenderer="path.customComponents.VerticalHeader"
            itemRenderer="path.customComponents.CustomDataGridItemRenderer" />
    </mx:Columns>
</mx:DataGrid>

只是我事先不知道会有多少列。因此，我尝试使用 ActionScript 中的函数构建列：

private var _columns:Array;

[Bindable]
public function set columns(value:Array):void
{
    var c:Array = [];
    for each(var object:Object in value)
    {
        var column:DataGridColumn = new DataGridColumn();
        column.headerText=object.name;
        column.width=40;

        // Setting the Renderers like this doesn't work!
        column.headerRenderer = 
                path.customComponents.VerticalHeader;
        column.itemRenderer = 
                path.customComponents.CustomDataGridItemRenderer;

        c.push(c);
    }
    myDataGrid.columns = c;
}
public function get columns():Array
{
    return _columns;
}

但由于某种原因，无法像这样设置渲染。 （列.itemRenderer = com.ItemRenderer）。

动态设置这些渲染的正确方法是什么？

Answer 1

itemRenderer 和 headerRenderer 需要一个 mx.core.IFactory 作为其值。在 mxml 中，您传递的字符串值会自动转换为 mx.core.ClassFactory。在 ActionScript 中，您必须自己完成。

column.itemRenderer 
            = new ClassFactory(path.customComponents.CustomDataGridItemRenderer);