LzSOFT Flex Blog

Oftmals besteht der Wunsch, in jeder Zeile eines DataGrid z.B. eine Grafik ein zu bauen.

  <mx:DataGrid id=”grid” … >
   <mx:columns>

    <mx:DataGridColumn headerText=”Bezeichnung” dataField=”BEZ”/>

         <mx:DataGridColumn headerText=”" width=”20″ >
                      <mx:itemRenderer>
                          <mx:Component>
                             <mx:HBox>
                                 <mx:Image id=”xxdd” height=”16″ width=”16″ source=”@Embed(’../as/clr.png’)” click=”parentDocument.clrClick(data.lfd)” horizontalCenter=”0″/>
                             </mx:HBox>
                          </mx:Component>
                      </mx:itemRenderer>
    </mx:DataGridColumn>         

   </mx:columns>
  </mx:DataGrid>

Das oben stehende Beispiel realisiert in einem DataGrid die Darstellung einer fest einkompilierten Grafik in einer Spalte. Durch ein Klick auf die jeweilige Grafik wird eine in der selben Applikation stehende Funktion durch click=”parentDocument.clrClick(data.lfd)” aufgerufen. parentDocument ist erforderlich, damit flash weiß, wo sich die entsprechende Funktion befindet.

Bei einem Click in einem DataGrid, welches keinen Inhalt besitzt oder bei Klick auf nicht vorhandene Zeilen, wird bei der Aktivierung im DataGrid-Tag click=”aktion()” oftmas Fehlermeldungen im Flex generiert. Das kann unseren Feststellungen entsprechend bereits durch ein Scroll des Datagrids passieren.

Abhilfe schafft die nachfolgend aufgeführte kurze Abfrage in der Click-Ereignis-Behandlung:

if (grid.selectedIndex > -1) { 
   // ClickAktion fortsetzen
   ….
}

Datagrids stellen ein unwarscheinlich flexibles Instrument in fast jeder Flex-Anwendung dar.

Jedoch ist die Handhabung dieser netten Teile nicht unbedingt einfach (auch hier gilt: einmal verstanden - kaum noch Probleme). Daher werden wir immer wieder zum Datagrid einige Informationen und Code-Schnipsel veröffentlichen.

Selbst diesen einführenden Artikel zum Datagrid werden wir noch erweitern!