Bootstrap 4：當 GridView 的頁面改變時禁用刷新整個頁面

Question

目前我創建了 GridView 並且可以點擊下面的更改頁面。
但是，當 GridView 的頁面發生更改時，我想禁用刷新整個頁面。
你能幫我推薦一下嗎？
.aspx

<body>
    <form runat="server">
        <asp:GridView ID="gridView1" runat="server" AutoGenerateColumns="true" AllowPaging="true" PageSize="2" OnPageIndexChanging="gridView1_OnPageIndexChanging" CssClass="table table-sm table-striped table-bordered table-hover table-responsive-sm small">
        </asp:GridView>
    </form>
</body>

.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
    DataTable dataTable1 = new DataTable();
    dataTable1.Columns.Add("Column 1");
    dataTable1.Columns.Add("Column 2");
    dataTable1.Rows.Add("1", "1");
    dataTable1.Rows.Add("2", "2");
    dataTable1.Rows.Add("3", "3");
    dataTable1.Rows.Add("4", "4");
    gridView1.DataSource = dataTable1;
    gridView1.DataBind();
}

protected void gridView1_OnPageIndexChanging(object sender, GridViewPageEventArgs e)
{
    gridView1.PageIndex = e.NewPageIndex;
    gridView1.DataBind();
}

Output

Answer 1

我想你錯過了這個...

<body>
    <form runat="server">
    <asp:ScriptManager ID="SC1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="updPnl" runat="server">
        <ContentTemplate>

        <asp:GridView ID="gridView1" runat="server" AutoGenerateColumns="true" AllowPaging="true" PageSize="2" OnPageIndexChanging="gridView1_OnPageIndexChanging" CssClass="table table-sm table-striped table-bordered table-hover table-responsive-sm small">
        </asp:GridView>
    </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>

注意：- 您必須添加更新面板

如果您的問題仍未解決...請參考此鏈接

https://www.aspsnippets.com/Articles/Paging-and-Sorting-without-PostBack-Refresh-in-ASPNet-GridView.aspx

Answer 2

實際上，您不能在標准瀏覽器中“禁用”頁面重新加載，您只需添加一個“提示”供用戶查看誰可以選擇不重新加載頁面，請參閱：

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/onunload

Bootstrap 4：當 GridView 的頁面改變時禁用刷新整個頁面

問題描述

2 個解決方案

解決方案1
1 已采納 2019-11-20 05:07:34

解決方案2
0 2019-11-20 04:35:28

Bootstrap 4：當 GridView 的頁面改變時禁用刷新整個頁面

問題描述

2 個解決方案

解決方案1 1 已采納 2019-11-20 05:07:34

解決方案2 0 2019-11-20 04:35:28

解決方案1
1 已采納 2019-11-20 05:07:34

解決方案2
0 2019-11-20 04:35:28