AspNetPager 使用方法
1.将 AspNetPager.dll 放入bin目录下
2.添加web引用
3.注册该组件
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
4.在分页处放入如下代码,经过我配置后的代码
<!-- 分页 start -->
<table style="width:100%;margin-left:auto;margin-right:auto;background:#E4F2FC"><tr><td>
<webdiyer:AspNetPager runat="server" ID="setPage"
FirstPageText="首页" LastPageText="尾页" PrevPageText="上一页" NextPageText="下一页"
NumericButtonTextFormatString="" Width=""
showcustominfosection="Left"
CustomInfoHTML="页次:%CurrentPageIndex% / %PageCount% | 记录数:%RecordCount%"
ShowBoxThreshold="1" PageSize="12" InputBoxClass="text2" ShowPageIndexBox="Always"
SubmitButtonClass="pager_btn" PageIndexBoxClass="pager_index" CssClass="anpager"
CurrentPageButtonClass="cpb" CustomInfoSectionWidth=""
CustomInfoClass="pageInfo" NumericButtonCount="7"
onpagechanged="AspNetPager1_PageChanged" ></webdiyer:AspNetPager>
</td></tr></table>
<!-- 分页 start -->
分页样式:
/*** 分页样式 **/
.anpager .pageInfo{height:20px;line-height:20px;border:1px solid #dddddd;width:auto;margin:0px 4px 0 0;padding:0px 5px 0;float:left;}
.anpager .cpb {float:left;display:block;background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:0px 4px 0 0;padding:4px 5px 0;}
.anpager a {float:left;display:block;background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:0px 4px 0 0;padding:4px 5px 0;text-decoration:none;}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;display:inline;}
.pager_index{width:40px;height:18px;line-height:18px;border:1px solid #dddddd;}
.pager_btn{height:20px;line-height:15px;border:1px solid #dddddd;padding-left:4px;padding-right:4px;margin-left:3px;}
5.cs页代码实例:
//绑定数据
public void dlBind()
{
this.setPage.AlwaysShow = true;
this.setPage.RecordCount = 记录总数;
this.DataList1.DataSource = 记录;
this.DataList1.DataBind();
}
protected void AspNetPager1_PageChanged(object sender, EventArgs e)
{
dlBind();
}
浙公网安备 33010602011771号