Wie hebe ich jqGrid-Zeilen basierend auf Kontrollkästchenwerten hervor?

Zeilen hervorheben, wenn Kontrollkästchen wahr sind

Problem:

Beim Arbeiten mit einem jqGrid, Es kann wünschenswert sein, Zeilen hervorzuheben, in denen ein Kontrollkästchenfeld markiert wurde Stimmt.

Lösung:

Um dies zu erreichen, können Sie die Rowattr-Rückruffunktion in Version 4.3.2 oder höher von jqGrid nutzen. Mit diesem Rückruf können Sie Zeilenattribute beim Füllen des Rasters anpassen und so hervorgehobenen Zeilen eine eindeutige CSS-Klasse zuweisen.

Codebeispiel:

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Verify that the testing condition aligns with your usage
        return { "class": "myAltRowClass" };
    }
}

CSS:

Die CSS-Klasse myAltRowClass sollte die Hintergrundfarbe für die Hervorhebung definieren Zeilen.

Erweiterter Code mit Spaltenvorlagen:

Um den Code weiter zu optimieren, können Sie Spaltenvorlagen nutzen, um gemeinsame Eigenschaften zu definieren und Wiederholungen zu reduzieren. Hier ist ein Beispiel:

cmTemplate: { align: 'center', sortable: false, editable: true, width: 80 },

myCheckboxTemplate = { formatter: 'checkbox', edittype: 'checkbox', type: 'select', editoptions: { value: "1:0" } },

colModel: [
    // Additional columns...

    { name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate },
    { name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate },
]

Dieser erweiterte Code verwendet cmTemplate zum Festlegen gemeinsamer Eigenschaften und myCheckboxTemplate für die Kontrollkästchenfelder, wodurch der Code besser lesbar und wartbar ist.

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