Een wizard weergeven in een Windows Azure Pack Management Portal-extensie

 

Van toepassing op: Windows Azure Pack

Wizards in de portal zijn modale vensters met meerdere dialoogvensters waar de gebruiker tussen dialoogvensters naar voren en terug kan navigeren. Functies omvatten het dynamisch toevoegen of verwijderen van stappen als reactie op de gebruiker die opties in de huidige stap kiest en verhindert dat gebruikers overstappen op de volgende stap als de validatie van hun invoer voor de huidige stap mislukt.

Een wizard weergeven

1. Maak een sjabloon voor elke stap in de wizard. Zie Windows Azure Pack Management Portal Client-Side Extensiesjablonen voor meer informatie.

2. Roep cdm.stepWizard aan. In het volgende voorbeeld ziet u de meest voorkomende parameters en callbacks voor cdm.stepWizard.

   cdm.stepWizard({
       extension: "DomainTenantExtension",
       steps: [{
         template: "createStep1",
         data: data,
         // Called when the step is first created
         onStepCreated: function () {
           wizard = this;
         },
         // Called each time the step is displayed
         onStepActivate: step1Activate,
         // Called before the wizard moves to the next step
         onNextStep: function () {
           return Shell.UI.Validation.validateContainer("#dm-create-step1");
         }
       }],
       // Called when the user clicks the "Finish" button on the last step
       onComplete: function () {
         var newPassword, newResellerPortalUrl;
         newPassword = $("#dm-password").val();
         newResellerPortalUrl = registerReseller ? $("#dm-portalUrl").val() : null;
         // Call whatever backend function we need to. In our example, it returns a promise
         promise = callback(newPassword, newResellerPortalUrl);
   
         // Create a new Progress Operation object
         var progressOperation = new Shell.UI.ProgressOperation(
           // Title of operation
           "Registering endpoint...",
           // Initial status. null = default
           null,
           // Is indeterministic? (Does it NOT provide a % complete)
           true);
   
         // This adds the progress operation we set up earlier to the visible list of PrOp's
         Shell.UI.ProgressOperations.add(progressOperation);
   
         promise
           .done(function() {
              // When the operation succeeds, complete the progress operation
              progressOperation.complete(
                "Successfully registered the endpoint.",
                Shell.UI.InteractionSeverity.information);
              })
           .fail(function() {
              // When the operation fails, complete the progress operation
              progressOperation.complete(
                "Failed to register the endpoint.",
                Shell.UI.InteractionSeverity.error,
                Shell.UI.InteractionBehavior.ok);
           });
       }
     },
     {
       // Other supported sized include large, medium & small
       size: "mediumplus" 
     });
   

Zie ook

Algemene taken uitvoeren in een Windows Azure Pack Management Portal-extensie