ASP.Net WebForms向导式长表单：如何取消输入控件待更新内容？

我之前在做ASP.NET WebForms向导式表单的时候刚好碰到过一模一样的需求，给你几个实际可落地的方案，亲测好用：

方案1：利用ViewState保存原始数据（适合单章节小数据） #

这个思路很直接：用户点击「编辑」按钮时，把当前章节所有控件的原始值存到ViewState里；点击「取消」时，从ViewState把值读出来回写给控件，然后切回原状态/原步骤。

具体实现步骤： #

1. 前台添加取消按钮：记得设置CausesValidation="false"，避免触发验证逻辑

<asp:UpdatePanel ID="updChapter" runat="server">
    <ContentTemplate>
        <!-- 你的编辑控件 -->
        <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
        <asp:DropDownList ID="ddlUserType" runat="server"></asp:DropDownList>
        
        <!-- 操作按钮 -->
        <asp:Button ID="btnContinue" runat="server" Text="继续" OnClick="btnContinue_Click" />
        <asp:Button ID="btnCancel" runat="server" Text="取消" OnClick="btnCancel_Click" CausesValidation="false" />
    </ContentTemplate>
</asp:UpdatePanel>

2. 编辑按钮点击时保存原始数据：

protected void btnEdit_Click(object sender, EventArgs e)
{
    // 保存当前章节控件的原始值到ViewState
    ViewState["OriginalUserName"] = txtUserName.Text;
    ViewState["OriginalUserType"] = ddlUserType.SelectedValue;
    
    // 切换到编辑模式（显示编辑控件、隐藏查看模式内容）
    pnlViewMode.Visible = false;
    pnlEditMode.Visible = true;
}

3. 取消按钮点击时恢复数据并返回原位置：

protected void btnCancel_Click(object sender, EventArgs e)
{
    // 从ViewState恢复原始值
    if (ViewState["OriginalUserName"] != null)
        txtUserName.Text = ViewState["OriginalUserName"].ToString();
    if (ViewState["OriginalUserType"] != null)
        ddlUserType.SelectedValue = ViewState["OriginalUserType"].ToString();
    
    // 切换回查看模式，或者回到向导原步骤
    pnlEditMode.Visible = false;
    pnlViewMode.Visible = true;
    
    // 如果是用Wizard控件，直接设置ActiveStepIndex回到之前的步骤
    // Wizard1.ActiveStepIndex = (int)ViewState["PreviousStepIndex"];
}

方案2：基于Session恢复全局表单数据（适合多章节大数据） #

如果你的整个表单数据是存在Session里的（比如用一个实体类存储所有章节的数据），那取消操作更简单：直接从Session里重新加载当前章节的原始数据即可，不用单独存ViewState。

示例代码： #

首先定义一个存储表单数据的实体类：

public class FormSubmissionData
{
    public string UserName { get; set; }
    public string UserType { get; set; }
    // 其他章节的字段...
}

编辑按钮点击时记录当前步骤：

protected void btnEdit_Click(object sender, EventArgs e)
{
    // 记录当前所在的向导步骤
    ViewState["CurrentStep"] = Wizard1.ActiveStepIndex;
    
    // 切换到编辑模式
    pnlEditMode.Visible = true;
}

取消按钮点击时从Session恢复：

protected void btnCancel_Click(object sender, EventArgs e)
{
    // 从Session取出原始表单数据
    var originalData = Session["FormSubmissionData"] as FormSubmissionData;
    if (originalData != null)
    {
        // 回写当前章节的控件值
        txtUserName.Text = originalData.UserName;
        ddlUserType.SelectedValue = originalData.UserType;
    }
    
    // 回到之前的向导步骤
    if (ViewState["CurrentStep"] != null)
        Wizard1.ActiveStepIndex = (int)ViewState["CurrentStep"];
    
    // 切换回非编辑模式
    pnlEditMode.Visible = false;
}

关键注意事项 #

• 必须设置CausesValidation="false"：如果不设置，点击取消按钮会触发页面验证，用户没修改的内容可能会因为验证规则被拦截，导致无法正常取消。
• UpdatePanel兼容处理：确保取消按钮在UpdatePanel内部，或者在UpdatePanel的Triggers里添加该按钮的AsyncPostBackTrigger，保证回发是局部刷新，不会整个页面重载。
• ViewState容量限制：如果单章节数据量很大（比如多行文本、上传预览内容），建议用Session代替ViewState，避免ViewState过大导致页面加载变慢。

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