Pregunta

Tengo este 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>

Solo que no sé de antemano cuántas columnas habrá. Así que intenté construir las columnas con una función en 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;
}

Pero por alguna razón, los renders no se pueden configurar de esta manera. (column.itemRenderer = com.ItemRenderer).

¿Cuál es la forma correcta de establecer estos renders dinámicamente?

¿Fue útil?

Solución

itemRenderer y headerRenderer espera un mx.core.IFactory como su valor. En mxml, el valor de cadena que pasa se convierte automáticamente en mx.core.ClassFactory . En ActionScript, tienes que hacerlo tú mismo.

column.itemRenderer 
            = new ClassFactory(path.customComponents.CustomDataGridItemRenderer);
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top