使用AspNetPager与GridView完成分页

由于GridView的分页功能实在是太弱了，所以需要使用强大的AspNetPager来作为分页控件。最简单的办法就是GridView控件下面接着放一个AspNetPager控件，但是这样好像就不能用GridView的分页功能了。在数据量不大的情况下，使用GridView的分页是十分方便有效的。另外还有一个问题就是分页控件在GridView生成的表格的下面，而没有像GridView自带分页那样包含到表格内部，这点也不是很爽。

要解决以上的问题，可以将AspNetPager放入GridView的分页模板（PagerTemplate）中，如下代码所示：

< asp:GridView ID = " GridView1 "  runat = " server "  AutoGenerateColumns = " False "  AllowPaging = " True " >
     < Columns >
         < asp:BoundField DataField = " DmId "  HeaderText = " 序号 "  ReadOnly = " True "  SortExpression = " DMID "   />
        ……
        ……
     </ Columns >
     < PagerStyle HorizontalAlign = " Center "   />
     < PagerTemplate >
         < asp:AspNetPager ID = " AspNetPager1 "  runat = " server "  ShowBoxThreshold = " 5 "  ShowPageIndexBox = " Auto "  CenterCurrentPageButton = " True " >
         </ asp:AspNetPager >
     </ PagerTemplate >
</ asp:GridView >

 

但是这样做要解决几个问题：

（1）这个GridView每一页的行数AspNetPager并不知道。解决办法：为AspNetPager添加属性PageSize="<%# ((GridView)Container.NamingContainer).PageSize%>"

（2）这个GridView绑定的总记录数AspNetPager也不知道。解决办法：为AspNetPager添加属性RecordCount="<%#((IList)(((GridView)Container.NamingContainer).DataSource)).Count %>"

（3）这个GridView当前在第几页AspNetPager也不知道。这个问题的解决可不像前面那么简单了，通过设置属性CurrentPageIndex的方式AspNetPager根本不认！（估计是AspNetPager的一个Bug吧）要解决这个问题就只有在每次翻页时后台代码中为AspNetPager设置CurrentPageIndex属性。

（4）使用AspNetPager后GridView并不会触发PageChanging事件。但是要触发AspNetPager的PageChanging事件，所以可以为分页模板中的AspNetPager控件添加事件处理：OnPageChanging="AspNetPager1_PageChanging"，对应的就是分页的后台代码：

protected   void  AspNetPager1_PageChanging( object  src, Wuqi.Webdiyer.PageChangingEventArgs e)
{
     this .GridView1.PageIndex  =  e.NewPageIndex  -   1 ; // 这儿需要注意，AspNetPager中的PageIndex是从1开始的，而GridView的是从0开始的，所以要减1.
    Bind(); // GridView的数据绑定方法
    Wuqi.Webdiyer.AspNetPager pager  =   this .GridView1.BottomPagerRow.FindControl( " AspNetPager1 " )  as  Wuqi.Webdiyer.AspNetPager;
    pager.CurrentPageIndex  =  e.NewPageIndex; // 这里就是为了解决前面的第3个问题。
}

 

OK，以上4个问题都解决了，我们的GridView+AspNetPager的分页就完成了！另外如果觉得AspNetPager的样式不好看可以再定义一下CSS。最后完整的代码是：

< asp:GridView ID = " GridView1 "  runat = " server "  AutoGenerateColumns = " False "  AllowPaging = " True " >
     < Columns >
         < asp:BoundField DataField = " DmId "  HeaderText = " 序号 "  ReadOnly = " True "  SortExpression = " DMID "   />
        ……
        ……
     </ Columns >
< PagerStyle CssClass = " GridViewPager "  HorizontalAlign = " Center "   />
     < PagerTemplate >
         < asp:AspNetPager ID = " AspNetPager1 "  runat = " server "  ShowBoxThreshold = " 5 "  ShowPageIndexBox = " Auto "
        PageSize = " <%# ((GridView)Container.NamingContainer).PageSize%> "  OnPageChanging = " AspNetPager1_PageChanging "
        RecordCount = " <%#((IList)(((GridView)Container.NamingContainer).DataSource)).Count %> "
        CenterCurrentPageButton = " True " >
         </ asp:AspNetPager >
     </ PagerTemplate >
</ asp:GridView >
// 以下是后台代码
protected   void  AspNetPager1_PageChanging( object  src, Wuqi.Webdiyer.PageChangingEventArgs e)
{
     this .GridView1.PageIndex  =  e.NewPageIndex  -   1 ;
    Bind();
    Wuqi.Webdiyer.AspNetPager pager  =   this .GridView1.BottomPagerRow.FindControl( " AspNetPager1 " )  as  Wuqi.Webdiyer.AspNetPager;
    pager.CurrentPageIndex  =  e.NewPageIndex;
}