Wie hebe ich eine Zeile in JqGrid hervor, wenn ein Kontrollkästchen aktiviert ist?

So markieren Sie eine Zeile, wenn ein Kontrollkästchen in JqGrid wahr ist

In einem jqGrid können Sie ganz einfach eine Zeile hervorheben, wenn das Kontrollkästchen wahr ist WAHR. Hier ist eine Schritt-für-Schritt-Anleitung:

1. Verwenden Sie den Rowattr-Rückruf:
   Version 4.3.2 von jqGrid hat den Rowattr-Rückruf eingeführt, mit dem Sie benutzerdefinierte Attribute festlegen können für jede Zeile. Es eignet sich perfekt zum Hervorheben basierend auf einem Kontrollkästchenwert.
2. Erstellen Sie eine Rowattr-Funktion:
   Definieren Sie eine Rowattr-Funktion, die den Wert der GroupHeader-Spalte (oder einer anderen Kontrollkästchenspalte, die Sie haben) überprüft ). Wenn der Wert „1“ ist, wird ein Klassenname zurückgegeben, der den Hervorhebungsstil definiert.

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Adjust this to match your checkbox column
        return {"class": "myAltRowClass"};
    }
}

3. Definieren Sie die Hervorhebungsklasse:
   In Ihrem CSS Erstellen Sie eine Klasse mit dem Namen myAltRowClass, die den Hervorhebungsstil angibt, z. B. einen gelben Hintergrund.
4. Spaltenvorlagen einschließen:
   Um Ihren Code zu optimieren, verwenden Sie Spaltenvorlagen, um allgemeine Eigenschaften festzulegen mehrere Spalten. Wenn beispielsweise alle Ihre Texteingaben die gleiche Größe und maximale Länge haben:

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

5. Checkbox-Vorlagen verwenden:
   Auf ähnliche Weise können Sie eine Vorlage erstellen für Ihre Kontrollkästchenspalten:

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

Anstatt dann in Ihrem colModel komplexe Objekte für jede Kontrollkästchenspalte zu definieren, verwenden Sie einfach die Vorlage:

{name: 'GroupHeader', index: 'GroupHeader', template: myCheckboxTemplate}

Indem Sie diese befolgen Schritte können Sie Zeilen basierend auf Kontrollkästchenwerten in Ihrem jqGrid hervorheben.

Das obige ist der detaillierte Inhalt vonWie hebe ich eine Zeile in JqGrid hervor, wenn ein Kontrollkästchen aktiviert ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!