ASP.NET GridView 分頁錯誤：PageIndexChanging 未處理事件完整解決方案

現象：點擊第二頁拋出「激發了未處理的事件 PageIndexChanging」

自行指派 GridView.DataSource 並 DataBind() 時，首頁正常，翻頁即報錯。原因：GridView 翻頁會觸發 PageIndexChanging 事件，**開發者必須在事件處理器中重新設定 DataSource 並 DataBind**，否則 GridView 失去資料來源而異常。

三步驟修正

1. .aspx 標記啟用分頁並掛載事件

<asp:GridView ID="GridView1" runat="server"
    AllowPaging="true"
    OnPageIndexChanging="GridView1_PageIndexChanging"
    PageSize="10">
</asp:GridView>

2. .aspx.cs 實作事件處理器

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    GridView1.PageIndex = e.NewPageIndex;
    GridView1.DataSource = GetDataSource(); // 重新取得/建構資料來源
    GridView1.DataBind();
}

// 範例：取得資料來源方法
private DataTable GetDataSource()
{
    // 實際專案從 DB/快取/Session 取得
    return (DataTable)ViewState["GridData"] ?? FetchFromDatabase();
}

private DataTable FetchFromDatabase()
{
    var dt = new DataTable();
    // ... 填充資料 ...
    ViewState["GridData"] = dt; // 可選：暫存減少 DB 查詢
    return dt;
}

3. 首次載入時同樣呼叫 DataBind

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        GridView1.DataSource = GetDataSource();
        GridView1.DataBind();
    }
}

核心原理

• GridView **不保留資料**，只保留 PageIndex、PageSize、SortExpression 等分頁/排序狀態。
• 每次 PostBack（含翻頁、排序）都必須**重新指派 DataSource 並 DataBind**。
• 使用 SqlDataSource/ObjectDataSource 等資料源控制項時，框架自動處理，故不會遇到此問題。

進階優化：ViewState 壓縮與快取

• 大量資料勿存 ViewState（會膨脹頁面），改用 Session、MemoryCache、Redis。
• 啟用 EnableViewState="false" 於 GridView 與頁面，僅保留必要控制項狀態。
• 考慮改用 ListView + DataPager 或前端分頁（AJAX + WebAPI），徹底移除 ViewState 依賴。

常見延伸錯誤

總結

GridView 手動繫結資料時，**翻頁 = PostBack = 重新繫結**。牢記「PageIndexChanging 事件中：更新 PageIndex → 重設 DataSource → DataBind」三步驟，即可徹底解決分頁異常。長期專案建議逐步遷移至前端分頁架構，減少伺服器狀態與 ViewState 負擔。