2011-04-20 21 views
5

¿Cómo he anidado WebGrid con mucho formato para cada columna? Puedo hacer un for-loop anidado, pero lo necesito básicamente para paginación. ¿O hay alguna otra mejor opción?Razor Nested WebGrid

Respuesta

11

excusa la configuración de datos detallado, pero esto funciona ...

@{ 
    var data = Enumerable.Range(0, 10).Select(i => new { Index = i, SubItems = new object[] { new { A = "A" + i, B = "B" + (i * i) } } }).ToArray(); 
    WebGrid topGrid = new WebGrid(data); 
} 

@topGrid.GetHtml(columns: 
    topGrid.Columns(
     topGrid.Column("Index"), 
     topGrid.Column("SubItems", format: (item) => 
     { 
      WebGrid subGrid = subGrid = new WebGrid(item.SubItems); 
      return subGrid.GetHtml(
        columns: subGrid.Columns(
         subGrid.Column("A"), 
         subGrid.Column("B") 
        ) 
       ); 
     }) 
    ) 
) 

Renders:
No styling

Por supuesto que tendrá que asegurarse de que en el GetHtml() llamadas a métodos que ha usado cada los nombres de los parámetros únicos de la cuadrícula (superior y secundaria) para paginación/clasificación o terminará con conflictos.

+0

+1 Necesito paginación solo para la red externa. La cuadrícula interna tendrá como máximo de 5 a 7 filas y es posible que no la haga más de una columna. Entonces, para la grilla anidada, estoy planeando tener una columna larga con todos los campos del Modelo formateados en ella. – IsmailS