gridview分页使用

### GridView分页使用详解 在Web开发中，尤其是在ASP.NET中，`GridView`是一个非常强大的控件，用于显示数据源中的数据。然而，当数据量庞大时，直接将所有数据加载到`GridView`中会导致页面加载速度缓慢，用户体验不佳。这时，`GridView`的分页功能就显得尤为重要。本文将深入探讨如何实现`GridView`的自定义分页，并通过实例代码进行详细解释。 #### 一、计算GridView分页时的总行数 在实现`GridView`的分页功能前，首先需要计算出总共有多少行数据。这一步是分页的基础，因为我们需要知道总的记录数才能正确地分页。以下是计算总行数的示例代码： ```csharp protected void Button1_Click(object sender, EventArgs e) { if (GridView1.PageCount == 0) { // 如果没有返回数据则直接返回0 TextBox1.Text = "0"; return; } if (GridView1.PageCount == 1) { // 如果只有一页，则直接返回行数 TextBox1.Text = GridView1.Rows.Count.ToString(); return; } // 如果返回的数据不止一页，则执行以下代码 int _RowsCount = 0; GridView1.PageIndex = GridView1.PageCount - 1; // 把当前页设置为gridview分页的最后一页 GridView1.DataBind(); // 重新绑定数据，这步要是没有的话就不能正确计算 _RowsCount = GridView1.Rows.Count; // 获得最后一页也就是当前页的行数 _RowsCount += (GridView1.PageCount - 1) * GridView1.PageSize; // 计算出所有记录的条数总和=页面大小*(页数-1)+最后一页的行数 TextBox1.Text = _RowsCount.ToString(); GridView1.PageIndex = 0; // 把当前页设置为第一页 } ``` 这段代码的关键在于，它先判断是否有多页数据，然后将`GridView`的`PageIndex`设置为最后一页，重新绑定数据后获取最后一页的行数，并结合`PageCount`和`PageSize`计算出总行数。 #### 二、GridView自定义分页步骤 1. **引入命名空间和启用分页**：在`.aspx`页面中引入`System.Data`命名空间，并确保`GridView`的`AllowPaging`属性设置为`true`。 ```html <%@ Import Namespace="System.Data" %> <asp:GridView ID="GridView1" runat="server" AllowPaging="true"> </asp:GridView> ``` 2. **添加分页模板**：在`GridView`中使用`PagerTemplate`来自定义分页的样式和布局。 ```html <PagerTemplate> <!-- 自定义的分页HTML结构 --> </PagerTemplate> ``` 3. **自定义分页效果**：根据需求设计分页模板的样式和交互。 4. **编写前端代码**：在`PagerTemplate`中加入自定义的HTML和服务器控件，例如： ```html <PagerTemplate> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:15px"> <tr> <td style="width:50%;height:23px;background-image:url(../images/lan5.gif)"> 总共 &nbsp;&nbsp; <asp:Label ID="recordCount" runat="server" Style="color:Red;" Text="<%#((DataTable)GridView1.DataSource).Rows.Count %>"></asp:Label> &nbsp;&nbsp;条记录 &nbsp;&nbsp;&nbsp;&nbsp; 每页 &nbsp;&nbsp; <asp:Label ID="Label1" runat="server" Style="color:Red;" Text="<%#((GridView)Container.NamingContainer).PageSize %>"></asp:Label> &nbsp;&nbsp;条 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 当前第 <asp:Label ID="N_Page" runat="server" Style="color:Red;" Text="<%#((GridView)Container.NamingContainer).PageIndex+1 %>"></asp:Label> &nbsp;&nbsp;/&nbsp;&nbsp; <asp:Label ID="T_Page" runat="server" Style="color:Red;" Text="<%#((GridView)Container.NamingContainer).PageCount %>"></asp:Label> &nbsp;&nbsp;页 </td> <td style="width:50%;height:23px;background-image:url(../images/lan5.gif)"> <asp:LinkButton ID="FirstPage" runat="server" CommandArgument="First" CommandName="Page" Enabled="<%#((GridView)Container.NamingContainer).PageIndex!=0 %>">首 &nbsp;&nbsp;页</asp:LinkButton> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:LinkButton ID="PreviousPage" runat="server" CommandArgument="Prev" CommandName="Page" Enabled="<%#((GridView)Container.NamingContainer).PageIndex!=0 %>">上一页</asp:LinkButton> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:LinkButton ID="NextPage" runat="server" CommandArgument="Next" CommandName="Page" Enabled="<%#((GridView)Container.NamingContainer).PageIndex!=((GridView)Container.NamingContainer).PageCount-1 %>">下一页</asp:LinkButton> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:LinkButton ID="LastPage" runat="server" CommandArgument="Last" CommandName="Page" Enabled="<%#((GridView)Container.NamingContainer).PageIndex!=((GridView)Container.NamingContainer).PageCount-1 %>">尾 &nbsp;&nbsp;页</asp:LinkButton> </td> </tr> </table> </PagerTemplate> ``` 以上步骤展示了如何在ASP.NET中实现`GridView`的自定义分页，包括计算总行数、启用分页功能以及设计分页界面。通过这些步骤，可以显著提高大型数据集的页面加载性能，同时提供更佳的用户体验。