データに基づいてMVCCONTRIBグリッドの行をスタイリングする方法は？

StackOverflow https://stackoverflow.com/questions/4662543

質問

私はいじくり回っています MVCCONTRIBグリッド また、データに基づいてグリッド内のデータの行をフォーマットする方法に固執しています。

たとえば、製品のグリッドがあり、各製品には名前、価格、中止などのデータフィールドがあるとします。中止されたすべての製品の行を強調したいと思います。

1つの回避策は、クライアント側のjQueryを使用して、中止されたセルが真である行にCSSクラスを適用することですが、それは脆弱な解決策のように思えます。サーバー側でそれを行う方法があることを願っています Html.Grid メソッド呼び出し。

ありがとう

役に立ちましたか？

解決

こんにちはスコット：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" : ""))

これにより、TR要素にクラス属性が追加されます。次に、次の行に沿ってクラスを作成します。

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

コードスニペットが長いと申し訳ありません...

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top