Wie kann ich wissen, wenn eine Schaltfläche in einer Flex-DataGrid itemRenderer geklickt?

Ich habe eine DataGrid-Komponente zeigt, dass ein paar Spalten mit Daten. Es verfügt über eine zusätzliche Spalte, die anzeigt, eine Schaltfläche, die ermöglicht dem Benutzer, eine Aktion mit Bezug auf den Datensatz.

<mx:DataGrid dataProvider="{myData}">
    <mx:columns>
        <mx:DataGridColumn dataField="firstName" headerText="First Name" 
            width="75" />

        <mx:DataGridColumn dataField="LastName" headerText=" Last Name" 
            width="150" />

        <mx:DataGridColumn dataField="phone" headerText="Phone" 
            width="120" />

        <mx:DataGridColumn headerText="" width="110">
            <mx:itemRenderer>
                <mx:Component>
                    <mx:Box horizontalAlign="center" width="100%">
                        <mx:Button label="Take Action" />
                    </mx:Box>
                </mx:Component>
            </mx:itemRenderer>
        </mx:DataGridColumn>
    </mx:columns>
</mx:DataGrid>

Brauche ich eine Aktion durchführen, die in der übergeordneten Komponente, die mit anderen Daten, die dort vorhanden ist, aber nicht zu den Daten im DataGrid.

Was ist der beste Weg, zu fangen, klicken Sie auf die Schaltfläche in der übergeordneten Komponente und wissen, was es aufnehmen entspricht?

Sollte ich verwenden ein Benutzerdefiniertes Ereignis oder eine itemEditor, oder etwas anderes völlig?

InformationsquelleAutor Eric Belair | 2009-07-08

  1. 2

    Müssen Sie die itemRenderer-Klasse, und klicken Sie dann verweisen Sie das DataGrid aus, dass innerhalb der Klasse unter Verwendung die hier beschriebenen Methoden. Sie können dann Ereignisse aus dem DataGrid, die leicht zu hören für die container, die es hält. Was Sie nicht tun möchten, verlassen Sie sich auf sprudeln oder zu versuchen, hören Sie die itemRenderer-direkt. Sie werden wahrscheinlich wollen, um ein benutzerdefiniertes Ereignis erstellen, trägt die data-Eigenschaft des DataGrid-Zeile, so dass Ihr Ereignis-listener kann schnell auf diese Informationen zugreifen.

    InformationsquelleAutor

  2. 1

    Dank Joel. Hier ist die endgültige Lösung kam mir nach dem Lesen dieses Artikels (die ich vorher gelesen hatte). Ich möchte hinzufügen das Element, dessen Schaltfläche geklickt wurde, um ein Array ist eine Eigenschaft eines anderen Elements, so dass ich übergeben Sie die "andere Sache" in der DataGrid-Komponente als Eigenschaft, und führen Aktionen gegen Sie in der Funktion Anruf von der itemRenderer:

    /* CustomDataGrid.mxml */
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            public var otherData:Object;

            public function takeAction(item:Object):void
            {
                otherData["children"][0] = item;
            }
        ]]>
    </mx:Script>

    <mx:columns>
        <mx:DataGridColumn dataField="firstName" headerText="First Name" 
            width="75" />

        <mx:DataGridColumn dataField="LastName" headerText=" Last Name" 
            width="150" />

        <mx:DataGridColumn dataField="phone" headerText="Phone" 
            width="120" />

        <mx:DataGridColumn headerText="" width="110" 
            itemRender="ActionButtonItemRenderer" />
    </mx:columns>
</mx:DataGrid>

/* ActionButtonItemRenderer.as */
package
{
    import flash.events.MouseEvent;

    import mx.controls.Button;

    public class ActionButtonItemRenderer extends Button
    {
        public function ActionButtonItemRenderer()
        {
            super();

            label = "Take Action";
        }

        override protected function clickHandler(event:MouseEvent):void
        {
            super.clickHandler(event);

            var owner:CustomDataGrid = listData.owner as CustomDataGrid;

            owner.takeAction(data);
        }
    }
}

    InformationsquelleAutor Eric Belair

Schreibe einen Kommentar