分页控件.doc

AspNetPager分页控件 基本功能：要使AspNetPager正常运行，只需要设置它的RecordCount属性的值，根据需要编写PageChanged事件处理程序 分页按钮属性效果：AspNetPager部分按钮属性，通过设置这些属性可以控制AspNetPager显示或不显示哪些分页导航按钮ShowFirstLast：是否显示第一页和最后一页按钮ShowPrevNext：是否显示上一页和下一页按钮ShowPageIndex：是否显示页索引数值按钮ShowDisabledButtons：是否显示已禁用的按钮 使用自定义信息区：使用AspNetPager分页控件的自定义信息区显示自定义分页信息webdiyer:aspnetpager id=AspNetPager1 runat=server ShowPageIndexBox=Always PageIndexBoxType=TextBox onpagechanged=AspNetPager1_PageChanged showcustominfosection=Left PageIndexBoxStyle=width:19px width=100% CustomInfoHTML=第%CurrentPageIndex%页，共%PageCount%页，每页显示%PageSize%条记录     Repeater分页：使用AspNetPager分页控件对Repeater控件进行分页protected void Page_Load(object sender, EventArgs e) Databind();protected void AspNetPager1_PageChanged(object sender, EventArgs e) Databind();private void Databind() AspNetPager1.RecordCount = BookManager.GetNewBooks().Count; Repeater1.DataSource = null; Repeater1.DataSourceID = null; PagedDataSource pds = new PagedDataSource(); pds.DataSource = BookManager.GetNewBooks(); pds.AllowPaging = true; pds.PageSize = AspNetPager1.PageSize; pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1; Repeater1.DataSource = pds; Repeater1.DataBind(); DataList分页：使用AspNetPager分页控件对DataList控件进行分页 Url分页：使用AspNetPager分页控件通过Url进行分页。相关属性设置：UrlPaging=true 使用Url重写技术：使用AspNetPager的url分页方式时重写url。需要设置的相关属性有：EnableUrlRewriting=true UrlRewritePattern=./listpage_0.aspx。注意：设置EnableUrlRewriting=true将自动设置UrlPaging=true(默认为false)，无需再单独设置该属性的值注：需要导入System.Web.Extensions.dll和UrlRewritingNet.UrlRewriter.dll文件 Url逆向分页：使用AspNetPager分页控件进行Url逆向分页。相关属性设置：UrlPaging=true ReverseUrlPageIndex=true注：此示例中还举例说明了如何使最后一页与其它页显示相同的记录数，如共有101条数据，每页显示10条，则默认最后一页会只有一条数据，使用该示例中的方法，可以使最后一页同样显示十条记录，即部分记录与前一页重复webdiyer:aspnetpager id=AspNetPager1 runat=server ShowPageIndexBox=Always horizontalalign=Center PagingButtonSpacing=8px onpagechanged=AspNetPager1_PageChanged showcustominfosection=Right urlpaging=True width=100% ImagePath=/Images PagingButtonType=Image NumericButtonType=Text NavigationButtonType=image ButtonImageExtension=gif ButtonImageNameExtension=n DisabledButtonImageNameExtension=g ShowNavigationToolTip=true UrlPageIndexName=page ReverseUrlPageIndex=true CustomInfoHTML=Page:%currentPageIndex%/%PageCount% %PageSize%/Page  Order:%StartRecordIndex%-%EndRecordIndex% of %RecordCount% N层结构应用：在N层结构的web应用程序中使用AspNetPager分页控件webdiyer:AspNetPager ID=AspNetPager1 runat=server HorizontalAlign=Center Width=100% ShowPageIndexBox=always PageIndexBoxType=DropDownList OnPageChanged=AspNetPager1_PageChanged NumericButtonTextFormatString= 使用XML文件数据源：使用AspNetPager分页控件对保存在XML文件中的数据进行分页 图片浏览示例：使用AspNetPager分页控件制作图片浏览程序webdiyer:AspNetPager ID=AspNetPager1 runat=server HorizontalAlign=Center OnPageChanged=AspNetPager1_PageChanged PageSize=1 ShowPageIndex=False UrlPageIndexName=img UrlPaging=True Width=500px PagingButtonType=Image ImagePath=Images/ ButtonImageNameExtension=n ButtonImageExtension=.gif DisabledButtonImageNameExtension=g PagingButtonSpacing=18px ShowCustomInfoSection=Left CustomInfoHTML=图片：%currentPageIndex%/%pageCount%protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) AspNetPager1.RecordCount = GetPics().Length;protected void AspNetPager1_PageChanged(object src, EventArgs e) img1.ImageUrl = images/ + Path.GetFileName(GetPics()AspNetPager1.CurrentPageIndex - 1);private string GetPics() return Directory.GetFiles(Server.MapPath(Images), 49*.jpg); 使用AccessDataSource：使用AspNetPager分页控件和AccessDataSource控件来对Access数据库中的数据进行分页，不需要使用存储过程 使用SqlDataSource：使用AspNetPager分页控件和SqlDataSource控件进行分页 使用ObjectDataSource：使用AspNetPager分页控件和ObjectDataSource控件进行分页 自定义数据呈现逻辑：在自定义数据呈现逻辑而不使用数据绑定控件时使用AspNetPager分页控件 使用图片按钮：在AspNetPager分页控件中使用图片按钮 查询结果分页：用AspNetPager分页控件对动态查询的结果进行分页webdiyer:aspnetpager id=AspNetPager1 runat=server PageSize=12 AlwaysShow=True OnPageChanged=AspNetPager1_PageChanged ShowCustomInfoSection=Left CustomInfoSectionWidth=30% ShowPageIndexBox=always PageIndexBoxType=DropDownList CustomInfoHTML=第%currentPageIndex%页，共%PageCount%页，每页显示%PageSize%条记录 查询结果Url分页：使用AspNetPager分页控件对动态查询的结果进行Url分页webdiyer:aspnetpager id=AspNetPager1 runat=server PageSize=12 AlwaysShow=True ShowCustomInfoSection=Left ShowDisabledButtons=false ShowPageIndexBox=always PageIndexBoxType=DropDownList CustomInfoHTML=Page:%currentPageIndex%/%PageCount% %PageSize%/Page  Order:%StartRecordIndex%-%EndRecordIndex% of %RecordCount% UrlPaging=true OnPageChanged=AspNetPager1_PageChanged 克隆属性及事件：使用两个AspNetPager分页控件为同一数据绑定控件进行分页，只需设置一个AspNetPager分页控件的属性及事件处理程序，另一分页控件使用CloneFrom属性克隆此控件的属性及事件处理程序而无需重复设置属性及事件处理程序。相关属性设置：CloneFrom=要克隆的AspNetPager分页控件的ID 页索引输入/选择框：AspNetPager分页控件允许用户输入或选择要跳转的页索引，该示例演示使用该功能。相关属性设置：ShowPageIndexBox=Always或Auto PageIndeBoxType=DropDownList或TextBox(默认值为TextBox)文本框输入下拉框选择protected void rbl_boxtype_SelectedIndexChanged(object sender, EventArgs e) AspNetPager1.PageIndexBoxType = (rbl_boxtype.SelectedIndex = 0) ? Wuqi.Webdiyer.PageIndexBoxType.TextBox : Wuqi.Webdiyer.PageIndexBoxType.DropDownList; 自定义导航按钮：使用自定义AspNetPager分页控件的分页导航按钮文本及样式webdiyer:AspNetPager ID=AspNetPager1 runat=server ShowPageIndexBox=AlwaysPageIndexBoxType=TextBox HorizontalAlign=Center OnPageChanged=AspNetPager1_PageChangedWidth=100% PageIndexBoxStyle=width:19px FirstPageText=【首页】 LastPageText=【尾页】NextPageText=【后页】 PrevPageText=【前页】 NumericButtonTextFormatString=【0】 TextAfterPageIndexBox=页 TextBeforePageIndexBox=转到第 CustomInfoHTML=Page %CurrentPageIndex% of %PageCount%  Order %StartRecordIndex%-%EndRecordIndex% 在用户控件中实现分页：在用户控件中使用AspNetPager分页控件来对DataList控件进行分页webdiyer:AspNetPager ID=AspNetPager1 runat=server ShowPageIndexBox=Always PageIndexBoxType=TextBox HorizontalAlign=Center OnPageChanged=AspNetPager1_PageChanged ShowCustomInfoSection=Left Width=100% PageIndexBoxStyle=width:19px CustomInfoHTML=Page %CurrentPageIndex% of %PageCount%  Order %StartRecordIndex%-%EndRecordIndex% A Ajax支持：使用AspNetPager分页控件在UpdatePanel中实现无刷新分页注：需要导入System.Web.Extensions.dll文件修改Web.config配置文件 当前页索引按钮位置：设置AspNetPager分页控个把当前页索引按钮在所有数字页索引按钮中的位置1. 默认值(当前页索引按钮位置固定不变)2. 当前页索引按钮总是在所有数字页索引按钮的开头3. 当前页索引按钮总是在所有数字页索引按钮的中间4. 当前页索引按钮总是在所有数字页索引按钮的结尾 使用Table布局：使用AspNetPager分页控件的Table布局，而非默认的Div布局，使用Table布局可以确保自定义信息区文本内容、页索引按钮、页索引输入或选择框以及页索引导航链接文本等对齐方式保持整齐一致。相关属性设置：LayoutType=Table 自定义提交按钮图片：使页索引提交按钮使用自定义图片。相关属性设置：SubmitButtonImageUrl=图片相对路径 从url中获取每页显示记录数：通过url参数来指定AspNetPager分页控件每页显示的记录数。相关属性设置：UrlPaging=True UrlPageSizeName=Url中用于传递每页显示的记录数的参数名每页显示记录数：10条  20条   50条 应用自定义样式：为AspNetPager分页控件定义及应用样式1. 网易风格.anpager .cpb background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;.anpager a background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none.anpager a:hoverbackground:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;2. 拍拍网风格.paginator font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;.paginator a padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px.paginator a:visited padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;.paginator .cpb padding: 1px 6px;font-weight: bold; font-size: 13px;border:none.paginator a: