Wie man Stil Zeilen in der MVCContrib Grid auf Basis ihrer Daten?

Question

Ich bin Bastelei mit dem MVCContrib Grid und bin fest, wie eine Zeile zu formatieren von Daten im Raster auf der Grundlage der Daten.

Zum Beispiel, sagen wir ein Raster von Produkten haben, wo jedes Produkt Datenfelder wie Name, Preis hat, und eingestellt. Ich möchte alle Produktreihen hervorheben, die eingestellt werden.

Eine Abhilfe wäre jQuery zu verwenden, um auf der Client-Seite eine CSS-Klasse auf diese Zeilen anzuwenden, wenn die aufgegebene Zelle TRUE ist, aber das scheint wie eine spröde Lösung. Ich hoffe, es gibt einen Weg, um es auf der Server-Seite über den Html.Grid Methodenaufruf zu tun.

Danke

Answer 1

Hallo Scott: Versuchen Sie so etwas wie die folgenden RowAttributes hinzuzufügen -

@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" : ""))

Dies wird ein Klasse-Attribut in das tr Element hinzuzufügen. Erstellen Sie dann eine Klasse entlang der Linien von:

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

Sorry für den langen Code-Schnipsel ...