如何在GridView回发绑定后保留TemplateField内TextBox的输入内容？

这个问题我之前帮不少开发者解决过——回发后GridView表头的搜索框清空，确实挺影响用户体验的。核心原因就是ASP.NET的回发机制：页面提交后会重新渲染，GridView绑定数据时表头控件会回到初始状态，没保留用户输入的内容。下面给你两种靠谱的解决思路：

方法一：用ViewState持久化搜索文本 #

这种方法适合需要在多次回发中保留搜索条件的场景，步骤很简单：

1. 保存搜索值到ViewState：在你处理搜索逻辑的方法（比如按钮点击或TextBox的TextChanged事件）里，先把每个搜索框的值存入ViewState：

   // 假设你的表头搜索TextBox ID是txtSearchName、txtSearchAge
   protected void btnSearch_Click(object sender, EventArgs e)
   {
       // 先保存搜索值
       ViewState["SearchName"] = txtSearchName.Text;
       ViewState["SearchAge"] = txtSearchAge.Text;
   
       // 执行你的GridView绑定逻辑
       BindGridView();
   }
   

2. 在DataBound事件中恢复文本：GridView绑定完成后，找到表头的TextBox并从ViewState中取出值赋值：

   protected void GridView1_DataBound(object sender, EventArgs e)
   {
       if (GridView1.HeaderRow == null) return;
   
       // 恢复姓名搜索框的文本
       TextBox txtSearchName = GridView1.HeaderRow.FindControl("txtSearchName") as TextBox;
       if (txtSearchName != null && ViewState["SearchName"] != null)
       {
           txtSearchName.Text = ViewState["SearchName"].ToString();
       }
   
       // 恢复年龄搜索框的文本
       TextBox txtSearchAge = GridView1.HeaderRow.FindControl("txtSearchAge") as TextBox;
       if (txtSearchAge != null && ViewState["SearchAge"] != null)
       {
           txtSearchAge.Text = ViewState["SearchAge"].ToString();
       }
   }
   

方法二：直接从Request.Form中获取回发值 #

如果只需要在单次回发后恢复文本，也可以直接从回发的Form数据中读取，不用依赖ViewState：

在Page_Load事件里，当页面是回发状态时，给表头的TextBox赋值：

protected void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack && GridView1.HeaderRow != null)
    {
        TextBox txtSearchName = GridView1.HeaderRow.FindControl("txtSearchName") as TextBox;
        if (txtSearchName != null)
        {
            // 通过UniqueID从Form中获取提交的文本
            txtSearchName.Text = Request.Form[txtSearchName.UniqueID];
        }

        TextBox txtSearchAge = GridView1.HeaderRow.FindControl("txtSearchAge") as TextBox;
        if (txtSearchAge != null)
        {
            txtSearchAge.Text = Request.Form[txtSearchAge.UniqueID];
        }
    }
}

额外提示：优化回车触发搜索的方式 #

如果你的回车是通过客户端脚本触发的，记得要让它正确提交表单，确保TextBox的值能被服务器获取。比如用jQuery绑定回车事件：

$(function() {
    // 给表头的搜索框绑定回车事件
    $('#<%= GridView1.HeaderRow.FindControl("txtSearchName").ClientID %>').keypress(function(e) {
        if (e.which === 13) {
            e.preventDefault(); // 避免页面默认的回车行为
            $('#<%= btnSearch.ClientID %>').click(); // 触发搜索按钮的点击
        }
    });
});

最后别忘了确认GridView的EnableViewState属性是true（默认就是true，除非你手动关闭了），这是ViewState能正常工作的前提。

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