Comment les lignes de style dans la grille MvcContrib en fonction de leurs données?

Question

Je suis bricoler avec le MvcContrib Grille et je suis coincé sur la façon de mettre en forme une ligne des données dans le réseau sur la base des données.

Par exemple, disons que nous avons une grille de produits, où chaque produit a des champs de données comme le nom, le prix et abandonné. Je voudrais mettre en évidence toutes les lignes de produits qui sont discontinués.

Une solution serait d'utiliser jQuery sur le côté client pour appliquer une classe CSS à ces lignes où la cellule abandonnée est vrai, mais cela semble être une solution fragile. J'espère qu'il ya une façon de le faire sur le côté serveur via l'appel de la méthode Html.Grid.

Merci

Answer 1

Bonjour Scott: Essayez quelque chose comme suit pour ajouter RowAttributes -

@Html.Grid(Model)
    .WithModel(new CustomerGridModel())
    .Sort(ViewData["sort"] as GridSortOptions)
    .Attributes(id => "grid", style => "width: 100%;")
    .RowAttributes(data => new MvcContrib.Hash(
        @class => data.Item.Discontinued ? "discontinued" : ""))

Cela va ajouter un attribut de classe à l'élément tr. Ensuite, créez une classe dans le sens de:

tr.discontinued td {background-color: red;}

Désolé pour le long extrait du code ...