PagingBulletedList is an ASP.NET AJAX extender that can be attached to an ASP.NET BulletedList
control and provide client-side sorted paging. It is very flexible and lets you specify
either the number of characters used in the heading indices or the maximum number of items
to display per index. If the input is not sorted (either on the server or client), it will
generated more header indices but still function appropriately.
The control above is initialized with this code. The italic properties
are optional:
<ajaxToolkit:PagingBulletedListExtender ID="PBLE1" runat="server"
TargetControlID="BulletedList1"
ClientSort="true"
IndexSize="1"
MaxItemPerPage="20"
Separator=" - "
SelectIndexCssClass="selectIndex"
UnselectIndexCssClass="unSelectIndex" />
- TargetControlID - The ID of the BulletedList to page
- ClientSort - Whether or not the items should be sorted client-side
- IndexSize - Number of characters in the index headings (ignored if MaxItemPerPage is set)
- MaxItemPerPage - Maximum number of items per page (ignores the IndexSize property)
- Separator - Separator text to be placed between indices
- SelectIndexCssClass - CSS class for the selected index.
- UnselectIndexCssClass - CSS class for indices that aren't selected
|
How Do I: Use the PagingBulletedList Extender Control?
This video demonstrates the use of the PagingBulletedList extender control from the ASP.NET AJAX Control Toolkit.
We learn how the PagingBulletedList extender adds client-side paging and sorting to the
standard ASP.NET BulletedList control, which greatly improves the user experience when presenting
an extensive list of items. We also see how we can define custom JavaScript and CSS to fully manage
the user experience.
Watch the Video
|