einzelne Zeile im DataGrid ändern

[Wanja]

Hallo,

ich versuche gerade in einem zweisplatigen DataGrid die Schriftfarbe in der gesamten Zeile zu ändern, die gerade angeklickt ist. Also über beide Spalten hinweg. Außerdem soll die Zeile wieder die alte Farbe bekommen, sobald eine andere Zeile angeklickt wurde.
Ein bisschen habe ich schon mit dem CellRenderer rumgespielt, aber so richtig verstehe ich ihn nicht. Alle Beispiele, die ich finde, beziehen sich immer auf das Ändern einer Spalte, aber nie einer Zeile. Hat das schonmal irgendwer gemacht und kann es mir erklären?

Danke schonmal

[Wanja]

Ok, ich hab's selber heraus gefunden. Das hat mir weiter geholfen:
http://www.adobe.com/cfusion/webforu...&enterthread=y

Zuerst die TextFormats definieren, die man im DataGrid nutzen möchte:

PHP-Code:

colorTextFormat = new TextFormat();  
colorTextFormat.color = 0x676767;
colorTextFormat.font = "HelveticaNeue LT 55 Roman";
colorTextFormat.size = 12;
StyleManager.setStyle("colorTextFormat",colorTextFormat);
            
highlightTextFormat = new TextFormat();  
highlightTextFormat.color = 0xffffff;
highlightTextFormat.font = "HelveticaNeue LT 55 Roman";
highlightTextFormat.size = 12;
StyleManager.setStyle("highlightTextFormat",highlightTextFormat); 


Und dann Listener mit dem DataGrid registrieren um abzufangen, wenn ein item des DataGrids angeklickt usw. wird:

PHP-Code:

chapterDataGrid.addEventListener(ListEvent.ITEM_CLICK , itemClickedListener);
chapterDataGrid.addEventListener(ListEvent.ITEM_ROLL_OVER, itemOverListener);
chapterDataGrid.addEventListener(ListEvent.ITEM_ROLL_OUT, itemOutListener);




private function itemOverListener(event:ListEvent):void {
            
    var cr0:CellRenderer = chapterDataGrid.getCellRendererAt(event.index, 0) as CellRenderer;
    cr0.setStyle("textFormat",StyleManager.getStyle("highlightTextFormat"));
            
    var cr1:CellRenderer = chapterDataGrid.getCellRendererAt(event.index, 1) as CellRenderer;
    cr1.setStyle("textFormat",StyleManager.getStyle("highlightTextFormat"));
}
        
        
private function itemOutListener(event:ListEvent):void {
            
      if(event.index != event.target.selectedIndex){
                
         var cr0:CellRenderer = chapterDataGrid.getCellRendererAt(event.index, 0) as CellRenderer;
         cr0.setStyle("textFormat",StyleManager.getStyle("colorTextFormat"));
                
         var cr1:CellRenderer = chapterDataGrid.getCellRendererAt(event.index, 1) as CellRenderer;
         cr1.setStyle("textFormat",StyleManager.getStyle("colorTextFormat"));
     }
}
        
        
private function itemClickedListener(event:ListEvent):void{

    var cr0:CellRenderer = chapterDataGrid.getCellRendererAt(event.index, 0) as CellRenderer;
    cr0.setStyle("textFormat",StyleManager.getStyle("highlightTextFormat"));

    var cr1:CellRenderer = chapterDataGrid.getCellRendererAt(event.index, 1) as CellRenderer;
    cr1.setStyle("textFormat",StyleManager.getStyle("highlightTextFormat"));
            
            
} 


Es fehlt natürlich noch das Zurücksetzen der zuvor ausgewählten Zeile, wenn eine neue angeklickt wurde. Aber das Prinzip stimmt jetzt hoffentlich.



Ursprünglich wollte ich den CellRenderer mit itemToCellRenderer() ermitteln. Da kam aber leider nur null heraus:

var cr:CellRenderer = chapterDataGrid.itemToCellRenderer(event.item) as CellRenderer;

Das steht zwar auch so in der Doku, ergibt für mich aber überhaupt keinen Sinn :"Die DataGrid-Komponente besitzt mehrere Zellen für jedes beliebige vorgegebene Element, daher gibt die item ToCallRenderer-Methode immer null zurück."

Weiß jemand wofür es diese Funktion gibt, wenn sie sowieso nur null zurück gibt? Bei Anderen scheint es aber mit dieser Methode zu funktionieren. Seltsam...

[_Zoidberg_]

hey,

hab dazu eine ähnliche frage: ich würd gerne im nachhinein den cellRenderer einer spalte dynamisch - also auf einen klick hin - austauschen.

hab das so probiert,

private function changeSelectedCell(event:ListEvent)
{
        trace("change");
	columns[1].cellRenderer = ComboBoxCellRenderer;
}

außer der ausgabe tut sich da aber nichts.

weiß jemand, wie so was geht?

danke im voraus
zoidberg