Grille Produits : modifier les couleurs dynamiquement

Pour personnaliser vos grilles, vous pouvez appliquer un code couleur sur les cellules en fonction de leurs valeurs.

Dans la colonne de gauche, sélectionnez le champ concerné ou, s'il n'existe pas, créez un champ virtuel (qui n'existe pas en base de données) :

ID : cellColor
Nom : cellColor
Table : Another table
Type : Juste affiché

Dans le panneau des Propriétés Avancées à droite, sélectionnez le menu Grid JS afterGetRows et renseignez :

echo "
idxCustomQuantity = cat_grid.getColIndexById('quantity')
idxCellColor = cat_grid.getColIndexById('cellColor')
if(Boolean(idxCellColor)) {
    cat_grid.forEachRow(function(rid){
        if (Boolean(idxCustom_Quantity) && Number(cat_grid.cells(rid,idxCustom_Quantity).getValue()) <= 0){
            cat_grid.cells(rid,idxCustom_Quantity).setBgColor('#FF0000')
            cat_grid.cells(rid,idxCustom_Quantity).setTextColor('#FFFFFF')
        }
    })
}
";

Ce code met sur fond rouge toutes les cellules de la colonne "quantité" qui ont une valeur <= 0.

Enregistrez sur la barre d'outils

Fermez la fenêtre d'édition des champs personnalisés.

Ajoutez le nouveau champ dans la liste des champs disponibles, et vous pouvez l'ajouter à vos grilles, puis actualisez Store Commander pour que la modification soit prise en compte.

Notes

• Cette couleur appliquée par le code est prioritaire par rapport à la couleur que vous pouvez définir dans la grille de configuration des vues du module Personnalisation de l'interface.