Supongamos que tenemos el siguiente ListView
que toma datos de una tabla de la base de datos:
- <asp:ListView ID="LVRegistros" runat="server" DataKeyNames="IdRegistro"
- ItemPlaceholderID="AquiVanLosItems">
- <LayoutTemplate>
- <table width="100%" border="0" cellpadding="5" cellspacing="0">
- <tr>
- <td class="tdDatosTitulo">
- Nombre
- </td>
- </tr>
- <asp:PlaceHolder ID="AquiVanLosItems" runat="server"></asp:PlaceHolder>
- </table>
- </LayoutTemplate>
- <ItemTemplate>
- <tr>
- <td>
- <%#Eval("IdRegistro")%>
- </td>
- </tr>
- </ItemTemplate>
- <EmptyDataTemplate>
- No existen registros.
- </EmptyDataTemplate>
- </asp:ListView>
Como puedes ver el primer renglón de la tabla contendrá el texto “Nombre” y los siguientes renglones se llenarán a partir de la información que exista en la base de datos.
Ahora bien, si existieran 50,000 registros, todos ellos aparecerían en la página, lo cual está lejos de ser óptimo.
Lo ideal es mostrar los primeros “n” registros y que después exista un paginador (o pager en inglés) tipo Google, que nos permita ir desplazándonos a través de las diferentes páginas de registros.
Con ASP.NET esto es muy sencillo. Basta incluir un control llamado DataPager
dentro del LayoutTemplate
del ListView
.
El código quedaría así:
- <asp:ListView ID="LVRegistros" runat="server" DataKeyNames="IdRegistro"
- ItemPlaceholderID="AquiVanLosItems">
- <LayoutTemplate>
- <table width="100%" border="0" cellpadding="5" cellspacing="0">
- <tr>
- <td class="tdDatosTitulo">
- Nombre
- </td>
- </tr>
- <asp:PlaceHolder ID="AquiVanLosItems" runat="server"></asp:PlaceHolder>
- <tr>
- <td colspan="7" class="TdPie">Páginas:
- <asp:DataPager ID="Pager1" runat="server" PageSize="30">
- <Fields>
- <asp:NumericPagerField ButtonCount="50" />
- </Fields>
- </asp:DataPager>
- </td>
- </tr>
- </table>
- </LayoutTemplate>
- <ItemTemplate>
- <tr>
- <td>
- <%#Eval("IdCarpeta")%>
- </td>
- </tr>
- </ItemTemplate>
- <EmptyDataTemplate>
- No existen registros.
- </EmptyDataTemplate>
- </asp:ListView>
El código anterior coloca una lista de números del 1 en adelante que se pueden cliquear para moverse a las diferentes páginas de registros. Si quieres, por ejemplo, que el paginador aparezca arriba y abajo de los registros, simplemente coloca otro DataPager
donde lo necesites.
En este caso utilicé dentro de Fields
un control llamado NumericPagerField
, pero también puedes utilizar NextPreviousPagerField
y TemplatePagerField
.
Aquí encontrarás la referencia a toda la clase DataPager
con la explicación completa de cada uno de sus componentes:
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.datapager.aspx
¡Suerte!