ASP.NET GridView加载等待提示实现及插入行性能优化咨询

一、实现无确认的等待提示（解决下拉框回发耗时问题） #

不用Thread.Sleep拖慢体验，通过客户端JS在回发起始时自动显示提示，回发完成后自动隐藏即可，具体步骤：

1. 添加等待提示层
   在页面form内插入一个固定定位的提示层，默认隐藏：

<div id="loadingOverlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;">
    <div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:white; padding:20px; border-radius:5px;">
        请等待处理完成
    </div>
</div>

2. 拦截回发操作触发提示
   重写ASP.NET内置的__doPostBack函数，在回发启动前显示提示，页面加载完成（回发结束）后隐藏：

<script type="text/javascript">
    // 保存原始回发函数
    var originalDoPostBack = __doPostBack;
    
    __doPostBack = function(eventTarget, eventArgument) {
        // 显示等待提示
        document.getElementById('loadingOverlay').style.display = 'block';
        // 执行原回发逻辑
        originalDoPostBack(eventTarget, eventArgument);
    };

    // 页面加载完成后隐藏提示
    window.onload = function() {
        document.getElementById('loadingOverlay').style.display = 'none';
    };
</script>

所有触发回发的操作（包括下拉框SelectedIndexChanged）都会自动触发提示，无需用户确认，回发完成后自动消失。

二、优化插入行的状态管理（降低操作成本） #

你当前用Session保存所有行值再重新绑定的方式可以优化，优先用ViewState维护页面数据，而非Session，具体思路：

1. 用ViewState存储数据源
   定义实体类存储每行的下拉框选中值，通过ViewState维护数据源集合：

public class RowData
{
    public string Col1Value { get; set; }
    public string Col2Value { get; set; }
    // 对应其他8个列的属性
}

// 获取或初始化ViewState中的数据源
private List<RowData> GridDataSource
{
    get
    {
        if (ViewState["GridDataSource"] == null)
            ViewState["GridDataSource"] = new List<RowData>();
        return (List<RowData>)ViewState["GridDataSource"];
    }
    set => ViewState["GridDataSource"] = value;
}

2. 简化插入行操作
   插入空行时，直接操作内存中的数据源集合再绑定即可：

protected void btnAddRow_Click(object sender, EventArgs e)
{
    // 先同步当前GridView的用户输入到数据源
    SyncGridToDataSource();
    
    // 添加空行到数据源
    GridDataSource.Add(new RowData());
    
    // 重新绑定GridView
    GridView1.DataSource = GridDataSource;
    GridView1.DataBind();
}

// 同步GridView输入到数据源的辅助方法
private void SyncGridToDataSource()
{
    for (int i = 0; i < GridView1.Rows.Count; i++)
    {
        GridViewRow row = GridView1.Rows[i];
        // 更新数据源对应行的属性
        GridDataSource[i].Col1Value = ((DropDownList)row.FindControl("ddlCol1")).SelectedValue;
        GridDataSource[i].Col2Value = ((DropDownList)row.FindControl("ddlCol2")).SelectedValue;
        // 其他列同理
    }
}

3. 关于重新绑定的必要性
   ASP.NET的GridView是数据绑定控件，动态行的添加/修改必须通过重新绑定数据源实现，这是WebForms控件的固有机制。但用ViewState代替Session后，操作成本会显著降低：

• ViewState是页面级状态，比Session更轻量，不会占用服务器端会话资源
• 直接操作内存中的List<RowData>，比从Session读取再重构数据源效率更高

100行的规模完全在ViewState的承载范围内，只要实体类属性不多，不会有性能问题。

额外优化建议 #

• 下拉框数据缓存：如果下拉框选项固定或不常变化，将选项数据缓存到Cache或静态变量中，避免每次回发都查数据库
• 局部异步回发：把GridView放到UpdatePanel中，实现局部刷新，等待提示可只覆盖GridView区域，体验更流畅
• AJAX加载联动下拉框：第一列选中后，通过AJAX异步加载第二列的选项，不用触发整页回发，大幅缩短响应时间

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