GridView72般绝技——数据分页

原创于 2018-06-09 09:17:07 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

WebForm 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用ASP.NET中的GridView控件实现数据分页功能。包括配置GridView允许分页、设置每页显示的数据行数及响应索引改变事件。通过前后端代码结合，展示了完整的分页实现过程。

2.GridView分页

1.开启GridView允许分页

2.每页显示多少行数据

3.当前GridView索引更改事件

页面代码

<asp:GridView ID="GridView1" runat="server" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" Font-Size="12px" PageSize="20" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging">
<FooterStyle BackColor="White" ForeColor="#000066" />
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Right" />
<RowStyle ForeColor="#000066" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#007DBB" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#00547E" />
<PagerSettings FirstPageText="首页" LastPageText="尾页" Mode="NextPreviousFirstLast" NextPageText="下一页" PreviousPageText="上一页" />

</asp:GridView>

后端实现代码

public partial class WebGridView : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind();
}
}

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView1.PageIndex = e.NewPageIndex;
bind();
}

public void bind()
{
SqlHelper s = new SqlHelper();
DataTable dt = s.ExecuteQuery("select * from t_users where userid<200");
GridView1.DataSource = dt;
GridView1.DataBind();
}