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

¿Fue útil?

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 ...

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top