Flex 3: Wie bekomme ich die DataGridColumn-das Datenfeld in seiner ItemRenderer?

Ich versuche zu erreichen das Datenfeld einer DataGridColumn in der itemRenderer. Unten ist die dataGrid:

<mx:Script>
    <![CDATA[
        [Bindable] public var weeksOfMoth:ArrayCollection = new ArrayCollection([
                {monday:30, tuesday:31, wednesday:1, thursday:2, friday:3, saturday:4, sunday:5},
                {monday:6, tuesday:7, wednesday:8, thursday:9, friday:10, saturday:11, sunday:12},
                {monday:13, tuesday:14, wednesday:15, thursday:16, friday:17, saturday:18, sunday:19}, 
                {monday:20, tuesday:21, wednesday:22, thursday:23, friday:24, saturday:25, sunday:26}, 
                {monday:27, tuesday:28, wednesday:29, thursday:30, friday:1, saturday:2, sunday:3}
            ]);
    ]]>
</mx:Script>
<mx:DataGrid dataProvider="{weeksOfMoth}" >
    <mx:columns>
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="monday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="tuesday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="wednesday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="thursday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="friday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="saturday" />
        <mx:DataGridColumn itemRenderer="view.DateRenderer" dataField="sunday" />
    </mx:columns>
</mx:DataGrid>

Und das ist mein ItemRenderer:

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" >
    <mx:Box >

                    <!-- How do I get the dataField here?? -->
        <mx:Label text="{data[dataField]}" /> 
    </mx:Box>
</mx:Canvas>

In der set-Funktion Daten der itemRenderer, erhalte ich eine ganze Woche (das ist ok), aber der itemRenderer nicht weiß, an welchem Tag zu verwenden, da das Datenfeld ist unbekannt. Weiß jemand, wie dies zu erreichen Datenfeld in der itemRenderer?

InformationsquelleAutor Maurits de Boer | 2010-08-20

Den Kommentar von http://www.Flextras.com hat mir geholfen, um die Lösung zu finden. Ich kann in der Tat verwenden listData.dataField, aber zuerst die IDropInListItemRenderer Klasse umgesetzt werden muss.

Den letzten ItemRenderer:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" implements="mx.controls.listClasses.IDropInListItemRenderer" >
    <mx:Script>
        <![CDATA[
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.controls.listClasses.BaseListData;


            //Internal variable for the property value.
            private var _listData:DataGridListData;

            //Make the listData property bindable.
            [Bindable("dataChange")]

            //Define the getter method.
            public function get listData():BaseListData
            {
              return _listData;
            }

            //Define the setter method,
            public function set listData(value:BaseListData):void
            {
              _listData = DataGridListData(value);
            }

        ]]>
    </mx:Script>
    <mx:Box width="80%" height="80%" verticalCenter="0" horizontalCenter="0" backgroundColor="#FFFFFF">
        <mx:Label text="{data[_listData.dataField]}" />
    </mx:Box>
</mx:Canvas>

Creynders Antwort ist einfacher, und funktioniert auch.

InformationsquelleAutor Maurits de Boer

3

Verwenden Sie die DataGridListData Klasse, die übergeben wird in der renderer. Es enthält eine dataField-Eigenschaft.

Ich bin mir ziemlich sicher, dass dies funktionieren sollte:
```
<mx:Label text="{data[listData.dataField]}" /> 
```
Dies kann nicht kompiliert werden: "1120: Access of undefined property listData". Es ist wahrscheinlich eine flex2 Lösung, aber ich bin mit Flex3
Als Sie entdeckt, hat nichts zu tun w/ Flex-2. Viele Klassen bereits implementiert ist der IDropInListItemRenderer-Schnittstelle. Off-topic; sollten Sie überlegen, wieder arbeiten Sie Ihren itemRenderer zu verwenden, weniger Container. Warum nicht einfach ein Etikett? Tun Sie wirklich brauchen, die neben 2 Behälter?
Es ist eigentlich nur ein Teil der gesamten renderer, in meinem eigentlichen code, den Sie wirklich brauchen die Container. Aber du hast Recht, das Beispiel hier verwendet werden können, kleiner.
Ich bin froh, Sie haben es ausgearbeitet. wenn Sie denken, dass meine Antwort Ihnen geholfen, das Problem zu lösen, fühlen Sie sich frei, um etwas Liebe zeigen und geben meine Antwort eine Stimme. 😉

InformationsquelleAutor JeffryHouser
2

Die Sie nicht umsetzen müssen die IDropInListItemRenderer.
Dies ist genug:
```
data[ ( listData as DataGridListData ).dataField ]
```
Den konkreten listData-Typ DataGridListData, aber das Hotel selbst ist zusammengenommen BaseListData, denn einen renderer, der verwendet werden kann, in verschiedenen Szenarien. Jedoch in diesem Szenario wissen wir es DataGridListData, daher können wir einfach werfen Sie es, um Zugriff auf die dataField-Eigenschaft.

Ich habe meine Steuern eher Allgemeine, und fügte hinzu, eine Art check: if (listData is DataGridListData) { ... }

InformationsquelleAutor Creynders

Den folgenden arbeiten für eine Spark-Elementrenderer basierend in ein MX AdvancedDataGrid:

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer 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="100%"
                                  >
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[               
            import mx.controls.dataGridClasses.DataGridListData;

            override public function set data( value:Object):void {             
                var latency:Number = value[ ( this.listData as DataGridListData).dataField] as Number;

                lbl.text = Utils.formatLatency( latency);
                if( latency > 1000000) { //1s => error
                    lbl.setStyle( "backgroundColor", 0xFF8080);
                } else if( latency > 100000) { //100ms => warning
                    lbl.setStyle( "backgroundColor", 0xFFFF80);
                } else if( latency > 0){ //low latency
                    lbl.setStyle( "backgroundColor", 0x80FF80);
                }
            }
        ]]>
    </fx:Script>
    <s:Label id="lbl" width="100%" height="100%" verticalAlign="middle" textAlign="right" paddingRight="5"/>
</s:MXAdvancedDataGridItemRenderer>

InformationsquelleAutor MonoThreaded

0

Sogar noch einfacher:
verwenden Sie einfach die Eigenschaften
- advancedDataGridListData im MXAdvancedDataGridItemRenderers
- dataGridListDataim MXDataGridItemRenderer
  
  Auskunft.
InformationsquelleAutor JoriDor
0

Durchschnittlich GridItemRenderer-es ist ein
```
column.dataField
```
So, in Ihrem Fall sollte dies funktionieren:
```
<s:Label text="{data[column.dataField]}" />
```
InformationsquelleAutor UnknownJoe

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.