dynamisches Datagrid?

[Nico B.]

Hi,

ich sitze gerade an einem Datagrid, welches ich gerne zu "100%" dynamisch befüllen will...


Jetzt hänge ich daran, dass einige Spalten einen Itemrenderer (bsp. eine Checkbox) haben sollen.

Wie kann ich das per As3 lösen? Mit MXML ist es kein Problem, nur im mit As3 habe ich irgendwie Probleme, was wie wo gelöst sein muss....

(Das Problem bezieht sich auf die Halo-Datagrid)
Btw. Hat schon mal jemand die Spark Datagrid Komponent benutzt? (Hero)

lg, nico

[Omega Psi]

Ich weiss nicht so ganz, was du meinst? Den Itemrenderer kann man doch recht einfach über die Column setzen?

[Nico B.]

Ja, scheitere gerade einfach nur an der Syntax glaube ich....

var testArray:Array = [];
                for( var i:int = 0; i<4; i++)
                {
                    var col:DataGridColumn = new DataGridColumn();
                    col.headerText = headerLabelArray[i];
                    
                    
                    col.dataField = dataFieldArray[i];
                                        
                    testArray.push(col);
                }
                    
                myDatagrid.columns = testArray;
            } 

Das habe ich testweise zusammen gezimmert. Jetzt müsste ich doch eigentlich nur col.itemrenderer = XY setzen oder? Nur wie genau? Wenn ich ne MXML-Itemrenderer Komp erstelle geht das doch nur mit Spark, oder nicht?

Aber so richtig will das nicht klappen. Ich glaube ich steh da vor'm Berg...

[Omega Psi]

Ein ItemRenderer ist eine Klasse die IFactory implementiert laut Schnittstelle. Ist das nicht gegeben, kann man eine ClassFactory nutzen. Das MXML und ActionScript das gleiche ist, ist aber schon bekannt?

new DataGridColumn().itemRenderer = new ClassFactory(spark.components.Button);

oder

new DataGridColumn().itemRenderer = new spark.components.Button(); // if spark.components.Button implements IFactory

[Nico B.]

Öhm ja so habe ich das probiert....

Kommt aber immer dieser Fehler

Type Coercion failed: cannot convert spark.components::Button@b5a5c29 to mx.controls.listClasses.IListItemRenderer.

Habe zwischendurch auch sowas probiert, was aber ebenfalls nicht funktioniert.

var box:ClassFactory = new ClassFactory(CheckBox);
                    box.properties = {selected:true} ;
                    col.itemRenderer =  box; 

[Omega Psi]

Dann implementiert der Button nicht das entsprechende Interface. Das musst du dann entsprechend durch Vererbung durchziehen oder eben durch Aggregation lösen.

[Nico B.]

Joar,

jetzt gibt's keine Fehlermeldung mehr, aber richtig funktionieren tut's nicht wirklich....
Werd gleich mal nen gesondertes Projekt erstellen und das testen bis es funktioniert.

Kann doch nicht so schwer sein, ein dynamisches Grid zu erstellen ....

[Omega Psi]

Es ist nicht dynamisch Sonden nur via ActionScript konfiguriert. Es sollte aber genügend Beispiele dafür im Netz geben.

[Nico B.]

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               width="537" height="316" minWidth="955" minHeight="600"
               creationComplete="application1_creationCompleteHandler(event)"
               
               >
    
    
    
    
    <fx:Declarations>
        <!-- Platzieren Sie nichtvisuelle Elemente (z.*B. Dienste, Wertobjekte) hier -->
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.collections.ArrayList;
            import mx.collections.IList;
            import mx.controls.dataGridClasses.DataGridColumn;
            import mx.events.FlexEvent;
            
            import spark.components.CheckBox;
            
            [Bindable] public var gridData:ArrayCollection = new ArrayCollection([
                {firstname: "Peter", lastname: "Mustermann", training1: true, training2: false},
                {firstname: "Piere", lastname: "Mustermann", training1: false, training2: true},
            ]);
            
 
            protected function application1_creationCompleteHandler(event:FlexEvent):void
            {
                var box:CheckBox = new CheckBox();
                box.selected = false;
                
                DataGridColumn(this.myGrid.columns[3]).itemRenderer = new ClassFactory(CheckBox);               
                //DataGridColumn(this.myGrid.columns[3]).itemRenderer = new ClassFactory(CheckBox);
                
                trace( DataGridColumn(this.myGrid.columns[3]).itemRenderer );
            }
 
        ]]>
    </fx:Script>
    
    
    <mx:DataGrid id="myGrid" 
                 x="10" y="10" 
                 width="517" 
                 height="296"
                 dataProvider="{this.gridData}"
                 
                 >
        
    </mx:DataGrid>
    
    
</s:Application> 

Also das ist mein Beispiel-Projekt, was ich gerade fix angelegt habe. Magst Du mir verraten was genau ich falsch mache?
Ich habe schon zig Dinge probiert und blicke es einfach net.

[Omega Psi]

Du musst die neu Columns zuweisen.

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" applicationComplete="initializeHandler(event)">

    <fx:Script>
        <![CDATA[
        import mx.collections.ArrayList;
        import mx.controls.CheckBox;
        import mx.controls.dataGridClasses.DataGridColumn;
        import mx.events.FlexEvent;

        private function initializeHandler(event:FlexEvent):void
        {
            const column:DataGridColumn = new DataGridColumn();
            column.itemRenderer = new ClassFactory(mx.controls.CheckBox);

            const columns:Array = [column];

            datagrid.columns = columns;
            datagrid.dataProvider = new ArrayList([{name:"Fred", selected:false}]);
        }
        
        ]]>
    </fx:Script>

    <mx:DataGrid id="datagrid" />

</s:Application>

[Nico B.]

Sers,

danke schonmal dafür. Ich weiß nicht, aber irgendwie ist das ziemlich umständlich oder?

Wie kann ich denn jetzt, bsp. die höhe der Checkbox ändern?

Wenn ich sowas versuche :

var box:CheckBox = new CheckBox();
                box.height = 100;
                
                
                column.itemRenderer = new ClassFactory( box ); 

geht's nicht.

[Omega Psi]

Was hast du denn genau vor? Das Sizing übernimmt das DataGrid, respektive das Layout.

Ich verstehe deinen Ansatz nicht.

[Nico B.]

Eigentlich will ich nur ein Datagrid machen, welche über eine dynamische Anzahl an Spalten bzw. Reihen verfügt.

[Omega Psi]

Das ist eigentlich, wie gezeigt, möglich. Du solltest aber die ItemRenderer so bauen, dass sie vom DataGrid/Layout dimensioniert werden. Du kannst ja eine Factory Methode bauen und dort nach Bedarf die Columns erzeugen...

[Nico B.]

Was genau meinst Du mit "dass sie vom DataGrid/Layout dimensioniert werden."