Question

我想使用JavaScript隐藏ASP.NET Wizard控件上的Next按钮。任何人都可以告诉我这是否可行，并发布一个javascript代码段如何做到这一点？谢谢！

Answer 1

这里有2个选项......

TemplatedWizardStep - 你自己创建按钮的方式，然后可以使用按钮上的控件名称或css类来打开它＆amp;使用javascript或jQuery。
使用StartNextButtonStyle在您的下一个按钮上设置一个css类，这样您就可以使用jQuery获取该按钮。下面的示例如下（我正在检查是否在启用按钮之前检查了复选框）

向导标记......

<asp:Wizard ... >
    <StartNextButtonStyle CssClass="StandardButton StartNextButton" />
    <WizardSteps>
        <asp:WizardStep runat="server" ID="AgreementStep" StepType="Start">
            <asp:CheckBox runat="server" ID="AcceptAgreement" Text="I agree to the agreement terms." TextAlign="Left" onclick='EnableNextButton();' CssClass="NormalTextBox AcceptedAgreement" />
        </asp:WizardStep>
    </WizardSteps>
</asp:Wizard>

Javascript（使用jQuery）启用/禁用下一个按钮：

<script type="text/javascript">

    function EnableNextButton() {

        var button = jQuery(".StartNextButton")
        var checkBox = jQuery(".AcceptedAgreement input:checkbox");

        if (checkBox.is(':checked'))
            button.removeAttr("disabled");
        else
            button.attr("disabled", "disabled");

    }

</script>

Answer 2

您应该可以使用question #267191中的答案来解决您的问题。

从链接（稍加修改）：

var theControl = document.getElementById("btnNext");
theControl.style.display = "none";

// to show it again:
theControl.style.display = "";

Answer 3

以下是将找到这些控件的服务器端代码。你可以从那里拿走......

当我尝试使用向导进行结帐序列时，我遇到了这个问题。我阅读了很多这些帖子，他们都试图找到这些按钮跳过很多箍。他们告诉您，您必须添加自定义步骤模板，跟踪控件等...

好消息是，这并不是那么困难。您不需要使用自定义模板。只需在页面上拖动一个vanilla向导控件，添加您的步骤，这段代码就可以了。我在我的生产应用程序上使用此代码。

Dim btnNext As Button = Wizard1.FindControl("StepNavigationTemplateContainerID").FindControl("StepNextButton")


Dim btnPrevious As Button = Wizard1.FindControl("StepNavigationTemplateContainerID").FindControl("StepPreviousButton")

btnNext.Visible = False



btnPrevious.Visible = False

这是最后一步的示例...（注意完成按钮的不同名称....（使用他们的命名约定我起初认为它将是FinishFinishButton ..）lol

Dim btnFinish As Button = Wizard1.FindControl("FinishNavigationTemplateContainerID").FindControl("FinishButton")

Dim btnPrevious As Button = Wizard1.FindControl("FinishNavigationTemplateContainerID").FindControl("FinishPreviousButton")


btnFinish.Visible = FalsebtnPrevious.Visible = False

我无法想象您为什么要在第一个面板上禁用“下一步”按钮，但这里也是该代码的代码。

Dim btnNext As Button = Wizard1.FindControl("StartNavigationTemplateContainerID").FindControl("StartNextButton")


btnNext.Visible = False

在javascript中隐藏asp.net向导下一个按钮

3 个答案: