Como exibir um assistente numa extensão do portal de gestão do pacote Azure Windows

 

Aplica-se a: Windows Azure Pack

Os assistentes no portal são janelas modais de vários diálogos onde o utilizador pode navegar para a frente e para trás entre diálogos. As funcionalidades incluem adicionar ou remover etapas dinamicamente em resposta às opções de escolha do utilizador no passo atual e impedir que os utilizadores se movam para o passo seguinte se a validação da sua entrada para o passo atual falhar.

Para exibir um assistente

1. Crie um modelo para cada passo no assistente. Para mais informações, consulte Windows Portal de Gestão de Pacotes Azure Client-Side modelos de extensão.

2. Call cdm.stepWizard. O exemplo a seguir demonstra os parâmetros e chamadas mais comuns para 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" 
     });
   

Consulte também

Executar tarefas comuns numa extensão do portal de gestão de pacotes Azure Windows