有没有办法在“后退”按钮上重置 asp:Wizard 中的所有数据？

Question

我有一个包含几个页面的 标记，每个步骤页面都有一个“后退”按钮，允许返回到上一个向导页面。

由于以下流程，这给我带来了问题：

• 1 - 例如，用户位于第 3 页；
• 2 - 他在意识到自己在第 2 页中做出了错误的选择之前填充了一些数据；
• 3 - 他单击“返回”并转到第 2 页；
• 4 - 修复他的选择（第 3 页中的数据现在没有任何用处）
• 5 - 他单击“下一步”并转到第 3 页。这是我的问题。 数据已保留，当用户在第 3 页时可以看到他的旧数据。如何清除此问题？

我是 ASP.NET WebForms 新手。请帮忙，我被这个问题困扰，甚至不知道如何处理。但我认为我不需要手动重置所有字段！

Answer 1

尝试

<asp:WizardStep ID="Step3" runat="server" Title="Step 3" EnableViewState="False">

更新

有一些简单的方法可以重置 WebForm 中的所有字段。

1. HTML 重置按钮：

   input type="reset" value="重置表单！" />

2. Javascript：

   function resetforms() {document.forms[0].reset();返回假；}
   

3. 从代码隐藏中调用相同的 javascript：

    Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", "document.forms[0].reset();return false;", true);
   

不幸的是，这三个在使用 asp:Wizard 的情况下不起作用，因为它们都将控件重置为 PostBack 后保留在 ViewState 中的值。

因此，我发现的最合适的选择是使用手动编码的递归方法，该方法将从向导的 PreviousButtonClick 事件处理程序中调用：

    private void ClearInputs(ControlCollection ctrls)
    {
        foreach (Control ctrl in ctrls)
        {
            if (ctrl is TextBox)
                ((TextBox)ctrl).Text = string.Empty;
            else if (ctrl is DropDownList)
                ((DropDownList)ctrl).ClearSelection();
            else if (ctrl is CheckBox)
                ((CheckBox)ctrl).Checked = false;

            ClearInputs(ctrl.Controls);
        }
    }

    protected void YourWizardName_PreviousButtonClick(object sender, WizardNavigationEventArgs e)
    {
        ClearInputs(YourWizardName.WizardSteps[e.CurrentStepIndex].Controls);
    }

如果用户单击“上一个”按钮，上面的方法将重置当前 WizardStep 的所有文本框、下拉列表和复选框（在将用户转发到上一步之前）。因此，如果您需要清除任何其他控件，则必须将适当的代码添加到 ClearInputs() 方法中。

该代码改编自这篇帖子。在那里您可以找到有关该方法如何工作的更多详细信息以及使用 jQuery 解决相同任务的方法。