操作步驟:
操作如下:
1、更改GrdView控件的AllowPaging屬性為
true
。
2、更改GrdView控件的PageSize屬性為 任意數值(默認為10)
3、更改GrdView控件的PageSetting->Mode為Numeric等(默認為Numeric)該屬性為分頁樣式。
GridView屬性設置好了,從頁面上也能看到分頁樣式。
現在開始實現分頁的功能:
1、在<<asp:GridView ID=......>后添加,OnPageIndexChanging=
"GridView1_PageIndexChanging"
2、在對應的aspx.cs中添加:
protected
void
GridView1_PageIndexChanging(
object
sender, GridViewPageEventArgs e)
{
GridView1.PageIndex = e.NewPageIndex;
InitPage();
//重新綁定GridView數據的函數
}
******** 需要注意的是 bind() 方法在寫入page_Load 時 要放在 If(!ispostback)中 {第一次加載時執行} 否則 后面的頁面不會顯示出來
前台代碼:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
<asp:GridView ID="GridView1" runat="server" AllowPaging="true" PageSize="20" OnPageIndexChanging="GridView1_PageIndexChanging">
</asp:GridView>
</form>
</body>
</html>
//后台代碼:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
namespace test.Mypage
{
public partial class gridviewfenye : System.Web.UI.Page
{
int i = 100;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind(); // 注意這里 要第一次加載的時候才綁定數據 否則 后面的頁面是空白 不限是數據
}
}
public void bind() // 向Gridview中綁定數據
{
DataTable dt = new DataTable();
dt.Columns.Add("ID");
dt.Columns.Add("Name");
dt.Columns.Add("Sex");
dt.Columns.Add("Age");
object[] dr = new object[4];
dr[1] = "張三";
dr[2] = "男";
dr[3] = "21";
for (; i < 10005; i++)
{
dr[0] = i.ToString();
dt.Rows.Add(dr);
}
GridView1.DataSource = dt;
GridView1.DataBind();
}
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView1.PageIndex = e.NewPageIndex; //添加分頁功能
bind(); //重新綁定GridView數據的函數
}
}
}