使用AspNetPager与GridView完成分页

使用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;
}