Dojox Grid Zeilen anhand von Werten einfärben

Howdy Limespacer,

auch wenn sich das Jahr nun langsam dem Ende nährt haben wir doch noch den ein oder anderen schnellen Tipp für euch.

Heute standen wir vor der “Herausforderung” in einem Dojox Grid Zeilen zu färben wenn der angezeigte Datensatz einen bestimmten Status hat.

Nach ein paar Minuten (oder besser einer halben Stunde) googlen, hatten wir dann doch tatsächlich das gewünschte Resultat erzielt.

Das Geheimnis ist der onRowStyle event eines Grids.

Dieser wird beim rendern für jede Zeile aufgerufen, so ist es wirklich sehr einfach die Farben zu ändern. Das Stück Beispiel Sourecode möchten wir euch nicht vorenthalten:

dojo.connect(dijit.byId('gridTaskCurrent'), 'onStyleRow' , this, function(row) {

     // aktueller Datensatz
     var item = grid.getItem(row.index);

     // Daten vorhanden
     if (item) {
       Wert aus dem Store des Grids auslesen
       var type = grid.store.getValue(item, "LOCKED", null);

        // wenn 1 dann grün färben
	if (type == 1) {
           row.customStyles += "background-color:limegreen;";
        }
    }

    grid.focus.styleRow(row);
    grid.edit.styleRow(row);

});

Viel Spaß beim selber probieren 😉