Comment afficher un Assistant dans une Windows extension du portail d’administration Azure Pack

 

S’applique à : Windows Azure Pack

Les Assistants du portail sont des fenêtres modales à plusieurs dialogues où l’utilisateur peut naviguer vers l’avant et le retour entre les dialogues. Les fonctionnalités incluent l’ajout dynamique ou la suppression des étapes en réponse aux options de choix de l’utilisateur dans l’étape actuelle et empêchent les utilisateurs de passer à l’étape suivante si la validation de leur entrée pour l’étape actuelle échoue.

Pour afficher un Assistant

1. Créez un modèle pour chaque étape de l’Assistant. Pour plus d’informations, consultez Windows portail d’administration Azure Pack Client-Side modèles d’extension.

2. Appelez cdm.stepWizard. L’exemple suivant illustre les paramètres et rappels les plus courants pour 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" 
     });
   

Voir aussi

Exécution de tâches courantes dans une extension du portail d’administration Azure Pack Windows