Wie hebe ich jqGrid-Zeilen basierend auf dem Kontrollkästchen-Spaltenwert hervor?

Zeilen basierend auf dem Kontrollkästchenwert in jqGrid hervorheben

In jqGrid können Sie Zeilen einfach basierend auf dem Wert einer Kontrollkästchenspalte hervorheben. So können Sie dies erreichen:

Zeilen mithilfe von CSS-Klassen hervorheben

In Ihrer ursprünglichen Frage haben Sie erwähnt, dass Sie CSS-Klassen verwenden, um die Hintergrundfarbe hervorgehobener Zeilen zu ändern. Sie können die Rowattr-Rückruffunktion verwenden, um CSS-Klassen basierend auf den Daten im Raster dynamisch zu Zeilen hinzuzufügen.

Der folgende Code zeigt, wie der Rowattr-Rückruf verwendet wird:

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") {
        return {"class": "myAltRowClass"};
    }
}

Hier Beispielsweise wird Zeilen, in denen die GroupHeader-Spalte den Wert „1“ hat, die CSS-Klasse myAltRowClass zugewiesen. Sie sollten die CSS-Regeln für diese Klasse in Ihrem Stylesheet definieren, um die gewünschte Hintergrundfarbe zu erreichen.

Zeilen mithilfe von Hintergrundfarben hervorheben

Alternativ können Sie den Hintergrund direkt festlegen Farbe der hervorgehobenen Zeilen mithilfe des Cellattr-Callbacks. Dieser Rückruf kann verwendet werden, um die Attribute einzelner Zellen innerhalb des Rasters zu ändern.

Hier ist ein Beispiel für die Verwendung des Cellattr-Rückrufs:

gridview: true,
cellattr: function (rd, cell) {
    if (cell.name === "GroupHeader" && rd[cell.name] === "1") {
        return {"style": "background-color: yellow"};
    }
}

In diesem Beispiel wird die Hintergrundfarbe von Zellen im Die GroupHeader-Spalte mit dem Wert „1“ ist auf Gelb gesetzt.

Andere Überlegungen

• Stellen Sie sicher, dass Sie „gridview: true“ festlegen, um diese Funktion zu aktivieren.
• Möglicherweise müssen Sie die CSS-Regeln je nach Ihren spezifischen Anforderungen anpassen.
• Erwägen Sie die Verwendung der Optionen cmTemplate und template, um die Definition von Spalteneigenschaften zu vereinfachen.

Das obige ist der detaillierte Inhalt vonWie hebe ich jqGrid-Zeilen basierend auf dem Kontrollkästchen-Spaltenwert hervor?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!