我正在使用SAPUI5 1.71.1
我对向导控件有一个奇怪的问题。当用户返回上一步并更改影响下一个步骤的数据时,必须完成displaceProgress。SAPUI5演示工具包中提供了一个工作示例:https://sapui5.hana.ondemand.com/1.71.1/#/entity/sap.m.Wizard/sample/sap.m.sample.WizardBranching
在给定的示例中,如果您转到第3步,然后回到第2步,并更改付款方式,则会出现一个弹出窗口,要求您放弃进度。然后,出现下一个按钮,您可以再次继续执行步骤3。
我想避免单击此下一个按钮,并使用方法myWizard.nextStep()
自动转到步骤3。
setDiscardableProperty: function(params) {
if (this._wizard.getProgressStep() !== params.discardStep) {
MessageBox.warning(params.message, {
actions: [MessageBox.Action.YES, MessageBox.Action.NO],
onClose: function(oAction) {
if (oAction === MessageBox.Action.YES) {
this._wizard.discardProgress(params.discardStep);
history[params.historyPath] = this.model.getProperty(params.modelPath);
this._wizard.nextStep(); // not working properly
} else {
// ...
}
}.bind(this)
});
} else {
// ...
}
},
通常,当您单击下一步按钮时,滚动条将引导您进入下一步并隐藏上一步:
但是当您在调用nextStep()
之后立即使用方法discardProgress()
时,由于不再触发滚动,因此不再隐藏上一步:
根据SAP提供的示例,我大胆尝试以帮助您理解问题:https://plnkr.co/edit/1fRmuXOI0m9VuDJq?open=lib%2Fscript.js&preview
[看起来像是可以修复的错误。*在此之前,无需进行太多更改,只需在下一个浏览器事件周期中调用nextStep
(例如,通过setTimeout
)就可以了。
this._wizard.discardProgress(params.discardStep);
//...
setTimeout(() => this._wizard.nextStep()); // for UI5 1.73 and below
* 更新:自UI5 1.74.0起,该问题不再可重现。