PagingBulletedList

Descripción

El PagingBulletedList extiende a la BulletedList confiriéndole propiedades de paginación y de ordenación en cliente. Es decir, nosotros tendremos el típico listado HTML, tan largo como queramos, al que le aplicaremos el PagingBulletedList y éste lo paginará según su índice (los primeros caracteres) o por número de items por índice. Todo en cliente, por lo que vamos a poder cambiar de índice sin recargar.

El resultado es tremendamente profesional, fácil de usar y muy manejable.

Propiedades

• TargetControlID: ID del BulletedList sobre el que vamos a trabajar.
• ClientSort: podemos elegir entre ordenar alfabéticamente (true) o no (false).
• IndexSize: Número de caracteres en el índice de cabecera.
• MaxItemPerPage: Máximo número de items por cada página. Predomina sobre IndexSize.
• Separator: El texto que separa los índices de cabecera. Típicamente será un guión ‘-‘.
• SelectIndexCssClass: Clase CSS que se aplicará al índice elegido. Normalmente se le aplicará negrita y/o subrayado.
• UnselectIndexCssClass Clase CSS que se aplicará a los índices que no están elegidos.

Ejemplo

Mostramos un simple listado con 6 elementos desordenados que vamos a ordenar y aplicaremos como índice de cabecera el primer carácter.

<asp:BulletedList ID="BulletedList1" runat="server">
<asp:ListItem Text="Braulio"></asp:ListItem>
<asp:ListItem Text="Arturo"></asp:ListItem>
<asp:ListItem Text="Sofía"></asp:ListItem>
<asp:ListItem Text="Andrés"></asp:ListItem>
<asp:ListItem Text="Begoña"></asp:ListItem>
<asp:ListItem Text="Antonio"></asp:ListItem>
</asp:BulletedList>
<cc1:PagingBulletedListExtender ID="PagingBulletedListExtender1" runat="server
ClientSort="true"
IndexSize="1"
Separator="-"
TargetControlID="BulletedList1">
</cc1:PagingBulletedListExtender>