javascript - 单击下一步后保持相同的向导步骤

Question

尝试使用 SAPUI5 创建一个向导，例如，当我单击第 2 步时，我找不到如何阻止向导进入下一步。我需要检查一些东西，但我不想隐藏第 2 步按钮，我想在点击它后进行验证。

我的向导步骤:

<WizardStep id="step1" validated="true" title="Step1" complete="goToTwo"></WizardStep>

我已经尝试在 goToTwo 函数中使用此功能以获取完整的方法来防止向导进入下一步，但它不起作用:

goToTwo: function (oEvent) {
        var cntrlStep1 = this.getView().byId("step1");
        this.getView().byId("wizard").goToStep(cntrlStep1);
    },

Answer 1

一个可能的解决方案是更改向导步骤的 validated 属性。我假设您想从非验证状态开始，以确保用户无法转到第 2 步，除非验证已完成:

在这种情况下，您可以从 validated = false 开始:

<WizardStep id="step1" validated="false" title="Step1" complete="goToTwo"></WizardStep>

或者如果你想在 JS 中设置验证属性:

在 JS 中

var step1 = this.getView().byId('step1');
step1.setValidated(false);

验证完成后，您可以将验证状态设置为 true，然后继续执行第 2 步

var step1 = this.getView().byId('step1');
step1.setValidated(true);