Visa en guide i ett Windows Azure Pack Management Portal-tillägg

 

Gäller för: Windows Azure Pack

Guider i portalen är modala fönster med flera dialogrutor där användaren kan navigera framåt och bakåt mellan dialogrutor. Funktionerna omfattar att dynamiskt lägga till eller ta bort steg som svar på att användaren väljer alternativ i det aktuella steget och hindrar användare från att gå vidare till nästa steg om valideringen av deras indata för det aktuella steget misslyckas.

Visa en guide

1. Skapa en mall för varje steg i guiden. Mer information finns i Windows Azure Pack Management Portal Client-Side-tilläggsmallar.

2. Anropa cdm.stepWizard. I följande exempel visas de vanligaste parametrarna och återanropen för 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" 
     });
   

Se även

Utföra vanliga uppgifter i ett Windows Azure Pack Management Portal-tillägg