Comment mettre en évidence les lignes jqGrid en fonction de la valeur de la colonne de case à cocher ?

Mettre en surbrillance les lignes en fonction de la valeur d'une case à cocher dans jqGrid

Dans jqGrid, vous pouvez facilement mettre en surbrillance les lignes en fonction de la valeur d'une colonne de case à cocher. Voici comment y parvenir :

Mise en surbrillance des lignes à l'aide de classes CSS

Dans votre question initiale, vous avez mentionné l'utilisation de classes CSS pour modifier la couleur d'arrière-plan des lignes en surbrillance. Vous pouvez utiliser la fonction de rappel rowattr pour ajouter dynamiquement des classes CSS aux lignes en fonction des données de la grille.

Le code suivant montre comment utiliser le rappel rowattr :

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

Dans ce Par exemple, les lignes où la colonne GroupHeader a la valeur « 1 » se verront attribuer la classe CSS myAltRowClass. Vous devez définir les règles CSS pour cette classe dans votre feuille de style pour obtenir la couleur d'arrière-plan souhaitée.

Mise en surbrillance des lignes à l'aide des couleurs d'arrière-plan

Vous pouvez également définir directement l'arrière-plan couleur des lignes en surbrillance à l’aide du rappel cellattr. Ce rappel peut être utilisé pour modifier les attributs de cellules individuelles dans la grille.

Voici un exemple utilisant le rappel cellattr :

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

Dans cet exemple, la couleur d'arrière-plan des cellules de la grille. La colonne GroupHeader avec une valeur de « 1 » est définie sur jaune.

Autre Considérations

• Assurez-vous de définir gridview : true pour activer cette fonctionnalité.
• Vous devrez peut-être ajuster les règles CSS en fonction de vos besoins spécifiques.
• Pensez à utiliser les options cmTemplate et template pour simplifier la définition des propriétés des colonnes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!