Cómo filas de estilo en el MVCContrib Grid basado en sus datos?
-
10-10-2019 - |
Pregunta
Estoy jugando con la MVCContrib cuadrícula y estoy atascado en cómo dar formato a una fila de datos de la cuadrícula en base a los datos.
Por ejemplo, digamos que tenemos una cuadrícula de productos, donde cada producto tiene campos de datos como el nombre, precio, y descontinuado. Me gustaría destacar que todas las filas de productos que están fuera de producción.
Una solución sería utilizar jQuery en el lado del cliente para aplicar una clase CSS a esas filas en las que la célula descontinuado es cierto, pero que parece ser una solución frágil. Estoy esperando que hay una manera de hacerlo en el lado del servidor a través de la llamada al método Html.Grid
.
Gracias
Solución
Hola a Scott: intentar algo así como lo siguiente para agregar 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" : ""))
Esto añadirá un atributo de clase de elemento tr. A continuación, cree una clase a lo largo de las líneas de:
tr.discontinued td {background-color: red;}
Lo siento por el código largo fragmento ...