javascript - WizardStep 的完成事件未触发

Question

我已经设置了一个在对话框内工作的向导； 问题在于 WizardStep 的 complete 事件未启动(但其他事件启动时没有问题)

这是对话框片段和 Controller :

<core:FragmentDefinition
        xmlns="sap.m"
        xmlns:core="sap.ui.core"
        xmlns:f="sap.ui.layout.form"
        xmlns:l="sap.ui.layout">


    <Dialog title="Configura articoli colore" contentHeight="750px" contentWidth="600px">


        <Wizard>

            <WizardStep complete="wizardStepCompletedHandler" >
                    <MultiComboBox>
                        <core:Item key="0" text="0 - 0 mm"/>
                        <core:Item key="1" text="1 - 0.1 mm"/>
                        <core:Item key="2" text="2 - 0.2 mm"/>
                        <core:Item key="3" text="3 - 0.3 mm"/>
                        <core:Item key="4" text="4 - 0.4 mm"/>
                        <core:Item key="5" text="5 - 0.5 mm"/>
                        <core:Item key="6" text="6 - 0.6 mm"/>
                        <core:Item key="8" text="8 - 0.8 mm"/>
                        <core:Item key="9" text="9 - 0.9 mm"/>
                        <core:Item key="T" text="T - T mm"/>
                    </MultiComboBox>
            </WizardStep>

            <WizardStep>
                <MultiComboBox>
                    <core:Item key="big" text=" (>20kg)"/>
                    <core:Item key="mediam" text=" (4-5kg)"/>
                    <core:Item key="small" text=" (4-5kg)"/>
                    <core:Item key="very_small" text=" (1-3kg)"/>
                </MultiComboBox>
            </WizardStep>


        </Wizard>


        <endButton>
            <Button text="Close" press="onDialogCloseButton"/>
        </endButton>
    </Dialog>
</core:FragmentDefinition>

ui5bp.confColorArticlesManager = {

    openDialog: function (oContext) {
        //var settingsModel = new sap.ui.model.json.JSONModel({versionServer:null});
        if (ui5bp.confColorArticlesManager.ContentWizard === undefined)
            ui5bp.confColorArticlesManager.ContentWizard = sap.ui.xmlfragment("ui5bp.view.fragment.ContentWizard", this);
        
        ui5bp.confColorArticlesManager.ContentWizard.open();
    },

    onDialogCloseButton: function (oEvent) {
        ui5bp.confColorArticlesManager.ContentWizard.close();
    },

    wizardStepCompletedHandler:function(oEvent){
        console.log();
    }

Answer 1

根据API当步骤完成时，会触发 complete 事件。

这意味着，您需要将 complete="wizardStepCompletedHandler" 添加到您希望此函数运行的每个步骤。

喜欢:

<Wizard>
<WizardStep complete="wizardStepCompletedHandler" >
//stuff
</WizardStep>
<WizardStep complete="wizardStepCompletedHandler" >
//stuff
</WizardStep>
<WizardStep complete="wizardStepCompletedHandler" >
//stuff
</WizardStep>
...
</Wizard>

Here是一个工作示例。