2011-01-11 25 views
10

Estoy retocando con el MVCContrib Grid y estoy atascado en cómo formatear una fila de datos en la cuadrícula basada en los datos.¿Cómo se estilo las filas en la cuadrícula MVCContrib según sus datos?

Por ejemplo, supongamos que tenemos una grilla de productos, donde cada producto tiene campos de datos como nombre, precio y descontinuado. Me gustaría resaltar todas las filas de productos que están descontinuadas.

Una solución alternativa sería utilizar jQuery en el lado del cliente para aplicar una clase CSS a aquellas filas donde la celda descontinuada es VERDADERA, pero parece una solución frágil. Espero que haya una forma de hacerlo en el lado del servidor a través de la llamada al método Html.Grid.

Gracias

Respuesta

30

Hola 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;} 

siento por el largo fragmento de código ...

+0

que funcionó a las mil maravillas, gracias! –

+1

Acabo de encontrar esto ... fabuloso fragmento. ¡Gracias! – Ben

+1

¡Voten! Esto funcionó muy bien para mí en mi proyecto. ¡Aclamaciones! –

Cuestiones relacionadas