Cualquier ayuda de navegación de página para ASP.NET MVC?

Question

¿Hay ayudantes html para la navegación de la página. p.ej. si tengo 1000 registros para mostrar, quiero mostrar el Anterior 1 2 3 4 ... etc. Siguiente enlace cosas debajo de la colección filtrada.

¿Alguien sabe de algo por ahí?

Answer 1

Pedido Paging with ASP.NET MVC, PageList Strikes Back y Create a Page HTML Helper

Answer 2

Tengo una cuadrícula de búsqueda en mi Dynamic Data for MVC sample application, pero la cuadrícula está renderizada a mano. Los datos están usando PagedList, que vino de Rob Conery (quien a su vez creo que lo obtuvo de ScottGu).

He estado pensando acerca de lo que un ayudante de la red paginado podría ser similar para MVC ...

Answer 3

Si va a crear una tabla de datos a partir de datos JSON, Recomiendo encarecidamente el componente DataTable de YUI (Biblioteca de Yahoo UI) (http://developer.yahoo.com/yui/datatable/). Realiza la paginación muy bien y tiene la opción de devolver el conjunto de registros completo para comenzar y luego buscar todo el lado del cliente o devolver un conjunto de paginación del servidor.

Probablemente no se ajuste a su situación, pero pensé que lo mencionaría.

Answer 4

Lo que he hecho para paginar hasta ahora es crear un control de buscapersonas, Se necesita una URL de paginación, id de elemento html para actualizar, número de página, tamaño de página y recuento total.

La url paginación es de la forma controlador/acción, donde la acción devuelve una cadena HTML (la página representada de datos)

El localizador anexa una lista de enlaces javascript para las páginas. Estos enlaces llaman a una función ajax basada en jQuery que golpea la url de búsqueda. Cada clic de página reemplaza el contenido actual del elemento html con los resultados de la llamada ajax. Algo como esto:

public string Render() 
{ 
    var buffer = new StringBuilder(1000); 
    buffer.AppendLine(@"<ul class=""datatable_pager"">") 
     .AppendLine("\t<li>Additional Pages:</li>"); 
    int numberOfPages = TotalItemCount % PageSize == 0 ? TotalItemCount/PageSize : TotalItemCount/PageSize + 1; 

    for(int i = 0; i < numberOfPages; i++) 
    { 
     AppendPageLink(buffer, i); 
    } 

    buffer.AppendLine("\t</ul>"); 
    AppendPagingJS(buffer); 

    return buffer.ToString(); 
} 

private void AppendPageLink(StringBuilder buffer, int i) 
{ 
    buffer.Append("\t\t<li><a href=\"") 
    .Append(PagingLink.Replace("$PAGE$", i.ToString())) 
    .Append("\">") 
    .Append(i.ToString()) 
    .Append("</a>") 
    .AppendLine("\t\t</li>"); 
} 


private void AppendPagingJS(StringBuilder buffer) 
{ 
    buffer.AppendLine(@" 
     <script type=""text/javascript""> 
     function page(page, size, updateElement) 
     { 
      $.post('" + PagingUrl + @"', 
       { 
        pageNumber: page, 
        pageSize: size, 
       }, 
       function(response) 
       { 
        $(""#"" + updateElement).html(response); 
       }, 
       ""html"" 
      ); 
     } 
     </script>"); 
} 

Los mensajes de javascript a la url de paginación, por lo que la acción tendrá que luego hacer algo como:

int.TryParse (Request.Params [ "PageNumber"], página cabo) int.TryParse (Request.Params ["pageSize"], out size))

y utiliza los resultados con tus componentes de acceso a datos para tomar la página de datos, renderizarla como html y devolverla.

Espero que ayude, puedo ampliarlo si es necesario.