AspNetPager控件使用方法初探

只是我一直忽视的一个控件,最近才发现它很好用。用法也非常简单。

1.将dll文件添加进项目,在页面中引用

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

2.将其放入需要的位置,其中有相关参数的设置

 <webdiyer:aspnetpager ID="AspNetPager1" runat="server" AlwaysShow="True"
                  FirstPageText="首页" LastPageText="末页" NextPageText="下一页" PrevPageText="上一页"
                  onpagechanged="AspNetPager1_PageChanged" NumericButtonCount="4"  PageSize="5">
              </webdiyer:aspnetpager>

3.绑定数据

            PagedDataSource pd = new PagedDataSource();
            pd.DataSource = NewsManager.listNewShow(Ipid);

            pd.AllowPaging = true;
            if (pd.DataSourceCount > AspNetPager1.PageSize)
            {
                this.AspNetPager1.AlwaysShow = true;
            }
            this.AspNetPager1.RecordCount = pd.DataSourceCount;
            pd.PageSize = this.AspNetPager1.PageSize;
            pd.CurrentPageIndex = this.AspNetPager1.CurrentPageIndex - 1;
            DataList1.DataSource = pd;
            DataList1.DataBind();

4.页面生成的代码,配合设计编写相关CSS样式

<div id="AspNetPager1">

 <a disabled="true" style="margin-right:5px;">首页</a><a disabled="true" style="margin-right:5px;">上一页</a><span style="margin-right:5px;font-weight:Bold;color:red;">1</span><a href="javascript:__doPostBack('AspNetPager1','2')" style="margin-right:5px;">2</a><a href="javascript:__doPostBack('AspNetPager1','2')" style="margin-right:5px;">下一页</a><a href="javascript:__doPostBack('AspNetPager1','2')" style="margin-right:5px;">末页</a>

</div>

 

posted @ 2012-02-10 15:41  Xyang  阅读(6054)  评论(0)    收藏  举报
hi