Wie ändert man die Hintergrundfarbe einer Zeile in Slickgrid, wenn eine bestimmte Zelle nicht leer ist?

Question

Ich möchte die gesamte Hintergrundfarbe der Zeilen ändern, wenn eine bestimmte Zelle in dieser Zeile nicht leer ist. Ich habe Probleme mit dem Hinzufügen eines benutzerdefinierten Formatierers, aber keine Ergebnisse.

Answer 1

Hat sich als schwieriger erwiesen als ich dachte.

Wie auch immer, Spalten mit field Werten von 0,1,2,3 unter der Annahme, & 4 können Sie wie folgt vorgehen:

var colNeedingData = 2; // Column "C" (row headings are ignored in the index) 

function cellNotEmptyFormatter(row, cell, value, columnDef, dataContext) { 

    if (dataContext[colNeedingData] && dataContext[colNeedingData] != '') { 
    var rowCells = {};   

    rowCells[row] = { 
     0: "highlight", 
     1: "highlight", 
     2: "highlight", 
     3: "highlight", 
     4: "highlight" 
    }; 

    grid.setCellCssStyles("highlightRowWhenNotEmpty" + row, rowCells); // add row# to make a unique key 
    } else if (dataContext[colNeedingData] == '') { 
    grid.removeCellCssStyles("highlightRowWhenNotEmpty" + row); // add row# to make a unique key 
    } 

    if (value) 
     return value; 
    else 
     return ''; 
}; 

Mit den Spaltendefinitionen etwas entlang der Linien von

for (var i = 0; i < 5; i++) { 
    columns.push({ 
    id: i, 
    name: String.fromCharCode("A".charCodeAt(0) + i), 
    field: i, 
    width: 100, 
    editor: Slick.Editors.Text, 
    formatter: cellNotEmptyFormatter 
    }); 
} 

Dies gibt jeder Zelle in der Zeile eine highlight Klasse, wenn Daten in der dritten Spalte vorhanden sind (Spalte "C" in der folgenden Feige).

Hier ist eine Demo - http://jsfiddle.net/gftqzyj5/