Sdílet prostřednictvím


Jak zobrazit průvodce v rozšíření portálu pro správu sady Azure Pack Windows

 

Platí pro: Windows Azure Pack

Průvodci na portálu jsou modální okna s více dialogovými okny, ve kterých může uživatel přecházet mezi dialogy dopředu a zpět. Funkce zahrnují dynamické přidávání nebo odebírání kroků v reakci na výběr možností v aktuálním kroku a brání uživatelům v přechodu na další krok, pokud ověření vstupu aktuálního kroku selže.

Zobrazení průvodce

  1. Vytvořte šablonu pro každý krok v průvodci. Další informace najdete v tématu Windows šablon rozšíření portálu pro správu sady Azure Pack Client-Side.

  2. Zavolejte cdm.stepWizard. Následující příklad ukazuje nejběžnější parametry a zpětné volání 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" 
      });
    

Viz také

Provádění běžných úloh v rozšíření portálu pro správu sady Azure Pack Windows