ASP.NET C#：自动回发后聚焦下一个文本框/tabindex问题

我太懂你这糟心的体验了——动态生成的GridView里，带AutoPostBack=true的TextBox一按Tab触发TextChanged，焦点直接就没了，用户得手动再点回去，完全不符合正常操作逻辑。结合ASP.NET UpdatePanel的局部刷新特性，咱们用「服务器端注册焦点脚本+客户端元素标记」的组合就能搞定：

步骤1：动态创建TextBox时标记下一个元素ID #

在你生成GridView第三列的TextBox时，除了设置TextChanged事件和AutoPostBack=true，一定要给每个TextBox加个自定义属性（比如data-next-control），用来存下一个要聚焦的TextBox的ID。同时确保每个TextBox的ID是唯一的（ASP.NET动态生成时会自动处理，你也可以手动指定规则）。

示例后台C#代码：

// 假设在GridView的RowCreated事件中生成TextBox
protected void GridView_RowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        TextBox dynamicTxt = new TextBox();
        dynamicTxt.ID = $"txtRow_{e.Row.RowIndex}";
        dynamicTxt.AutoPostBack = true;
        dynamicTxt.TextChanged += DynamicTxt_TextChanged;
        
        // 标记下一个TextBox的ID：比如当前行的下一行同列控件
        if (e.Row.RowIndex < ((GridView)sender).Rows.Count - 1)
        {
            dynamicTxt.Attributes.Add("data-next-control", $"txtRow_{e.Row.RowIndex + 1}");
        }
        // 最后一行可以指定其他控件或留空
        
        e.Row.Cells[2].Controls.Add(dynamicTxt);
    }
}

步骤2：在TextChanged事件中注册焦点脚本 #

当TextChanged事件处理完你的业务逻辑（比如保存数据）后，通过ScriptManager向UpdatePanel注册一段客户端脚本，让局部刷新完成后自动聚焦到下一个TextBox。

示例后台C#代码：

protected void DynamicTxt_TextChanged(object sender, EventArgs e)
{
    TextBox currentTxt = (TextBox)sender;
    // 这里写你的业务逻辑，比如更新数据、计算值等
    
    // 获取下一个要聚焦的控件ID
    string nextControlId = currentTxt.Attributes["data-next-control"];
    if (!string.IsNullOrEmpty(nextControlId))
    {
        // 注册Startup脚本，确保在UpdatePanel刷新后执行
        string focusScript = $"document.getElementById('{nextControlId}').focus();";
        ScriptManager.RegisterStartupScript(this, GetType(), $"FocusNext_{currentTxt.ID}", focusScript, true);
    }
}

额外优化：客户端Tab键行为兜底（可选） #

如果遇到Tab键默认行为和AutoPostBack冲突的情况，可以在页面加一小段JS做兜底（不过核心还是靠服务器端脚本）：

$(document).on('keydown', 'input[type="text"]', function(e) {
    if (e.keyCode === 9) { // 监听Tab键
        const nextId = $(this).data('next-control');
        if (nextId) {
            // 这里不用手动阻止默认，因为AutoPostBack需要失去焦点触发TextChanged
            // 服务器端脚本会在刷新后自动聚焦目标控件
        }
    }
});

这样处理后，用户按下Tab键触发TextChanged并完成局部刷新后，焦点会自动跳到下一个指定的TextBox，再也不会凭空消失了。

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