MVC3 paginación de afeitar WebGrid y clasificar con más de 2000 registros

Question

estoy usando un WebGrid similar al que se mencionan here

@{ 
    var grid = new WebGrid(canPage: true, rowsPerPage: ThisController.PageSize, canSort: true, ajaxUpdateContainerId: "grid"); 
    grid.Bind(Model.Employees, rowCount: Model.TotalRecords, autoSortAndPage: false); 
    grid.Pager(WebGridPagerModes.All); 
    @grid.GetHtml(htmlAttributes: new { id="grid" }, 
     columns: grid.Columns(
      grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { EmployeeID = item.EmployeeID })), 
      grid.Column("FullName"), 
      grid.Column("Title") 
     )); 
} 

Pero en mi caso estoy esperando más de 2000 registros, quiero cargar sólo el 50 registros que se cargarán en cada página, para que la página se cargue más rápido. ¿Cómo puedo asegurarme de que solo se carguen los primeros 50 registros cuando se carga la página? Y cuando mi usuario hace clic en la página 2, quiero cargar los siguientes 50 conjuntos de registros, y así sucesivamente. Cualquiera de los que se enfrentó algo similar, por favor me sugieren con un código de ejemplo

Answer 1

Este artículo MSDN Magazine muestra lo que quiere:

Get the Most out of WebGrid in ASP.NET MVC

leer esta sección: Adición de paginación y Ordenar

Como puede ver, los datos que estamos pasando contienen la lista completa de productos (295 de ellos en este ejemplo, pero no es difícil imaginar escenarios con aún más datos que se recuperan). A medida que la cantidad de datos devuelta aumenta, coloca cada vez más carga en sus servicios y en las bases de datos , mientras sigue representando la misma página de datos. Pero hay un mejor enfoque: paginación del lado del servidor. En este caso, tira de de nuevo solo los datos necesarios para mostrar la página actual (por ejemplo, solo cinco filas).

Answer 2

En este enlace, se aborda el mismo problema de la búsqueda en webgrid con gran cantidad de datos y una excelente solución.

Efficient Paging with WebGrid Web Helper

Espero que esto ayude!

Answer 3

List<WebGridColumn> webGridColumn=new List<WebGridColumn>(); 
var grid=new WebGrid(source:model, 
defaultSort:"stk_code", 
rowsPerPage:Model.Count(), 
canPage:true, 
canSort:true); 
webGridColumn.Add(grid.Column("stcode",header:"Stock Code",canSort:false)); 

Answer 4

@ { var rejilla = new WebGrid (canPage: true, rowsPerPage: 50, canSort: true, ajaxUpdateContainerId: "rejilla");

código -remaining es el mismo que el código de

}

acaba de cambiar rowsperpage: al número de filas u desea mostrar