Как стилизовать строки в сетке MVCContrib на основе их данных?
-
10-10-2019 - |
Вопрос
Я возится с MVCContrib Grid и я застрял в том, как отформатировать ряд данных в сетке на основе данных.
Например, скажем, у нас есть сетка продуктов, где каждый продукт имеют поля данных, такие как имя, цена и прекращение. Я хотел бы выделить все строки продуктов, которые прекращены.
Одним из обходных путей было бы использовать 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;}
Извините за длинный фрагмент кода ...