如何在勾选/取消ASP GridView复选框时保持当前行位置

下面提供几种实用的解决方案，根据你的布局场景选择：

方法1：启用页面级滚动位置保持 #

这是最简单的原生解决方案，适合GridView直接在页面滚动流中的场景。

在页面的@Page指令中添加MaintainScrollPositionOnPostback="true"：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="YourPage.aspx.cs" Inherits="YourNamespace.YourPage" MaintainScrollPositionOnPostback="true" %>

添加后，整页回发时ASP.NET会自动记录并恢复页面的滚动位置，GridView不会跳回顶部。

方法2：针对滚动容器内的GridView（前端JS控制） #

如果GridView被包裹在带滚动条的容器（如<div>）中，页面级的保持设置无效，需要用JS手动记录和恢复容器的滚动位置：

1. 给包裹GridView的容器设置ID和滚动样式：

<div id="gridScrollContainer" style="overflow-y: auto; height: 500px;">
    <asp:GridView ID="GridView1" runat="server" ...>
        <!-- GridView列配置 -->
    </asp:GridView>
</div>

2. 加入以下JavaScript代码：

// 存储滚动位置的变量
let gridScrollTop = 0;

// 记录容器滚动位置（回发前触发）
function saveGridScrollPos() {
    const container = document.getElementById('gridScrollContainer');
    if (container) {
        gridScrollTop = container.scrollTop;
    }
}

// 恢复容器滚动位置（页面加载完成后触发）
function restoreGridScrollPos() {
    const container = document.getElementById('gridScrollContainer');
    if (container) {
        container.scrollTop = gridScrollTop;
    }
}

// 绑定事件
window.onbeforeunload = saveGridScrollPos;
window.onload = restoreGridScrollPos;

确保GridView中复选框的AutoPostBack="true"，这样勾选时触发回发，JS会自动记录并恢复滚动位置。

方法3：使用UpdatePanel实现局部刷新（推荐） #

整页回发是导致滚动跳转的根源，用UpdatePanel实现局部刷新可以彻底避免这个问题：

1. 在页面中添加ScriptManager和UpdatePanel，将GridView包裹在UpdatePanel的ContentTemplate内：

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:GridView ID="GridView1" runat="server" ...>
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:CheckBox ID="chkSelect" runat="server" AutoPostBack="true" OnCheckedChanged="chkSelect_CheckedChanged" />
                    </ItemTemplate>
                </asp:TemplateField>
                <!-- 其他列定义 -->
            </Columns>
        </asp:GridView>
    </ContentTemplate>
</asp:UpdatePanel>

2. 后台正常编写chkSelect_CheckedChanged事件逻辑即可。局部回发只会更新UpdatePanel内的内容，页面和GridView的滚动位置完全不会改变。

内容的提问来源于stack exchange，提问作者user1663661