Partager via

Comment ajouter des éléments au tiroir Ajouter un nouveau tiroir dans une Windows extension du portail d’administration Azure Pack

  • Article

 

S’applique à : Windows Azure Pack

Le tiroir Add New est l’emplacement central dans l’interface utilisateur du portail de gestion pour créer de nouveaux éléments. Les extensions peuvent contribuer aux éléments de menu de ce tiroir pour permettre aux utilisateurs de créer de nouvelles ressources via l’extension. Les éléments du menu sont ajoutés de manière déclarative et ne peuvent pas être modifiés ou supprimés une fois ajoutés. Ils sont disponibles n’importe où dans le portail de gestion. L’emplacement recommandé pour la déclaration se trouve dans javaScript d’initialisation de votre extension. Pour plus d’informations, consultez Windows portail d’administration Azure Pack Client-Side Extension JavaScript.

Pour ajouter un élément de menu standard

  1. Ajoutez un élément de menu standard avec le code suivant :

    menuItems: [
  {
    // ID of the menu item
    name: "WebDomain",
    // Text of the menu item
    displayName: "Web site domains",
    // ID of a template to show when the user hovers over the item (before they click it)
    preview: "createPreview",
    // Sub-menu (child menu) items take mostly the same parameters as parent menu items
    subMenu: [
      {
        name: "Create",
        displayName: "Create",
        // Function to run when the user clicks the item
        execute: global.DomainTenantExtension.CreateWizard.showCreateWizard,
        preview: "customCreatePreview"
      }
    ]
  }
]

Éléments de menu Création rapide

Pour les éléments de menu Création rapide (éléments qui affichent un formulaire court dans le tiroir Ajouter un nouvel élément pour créer l’élément immédiatement), vous devez fournir un ID d’un modèle qui sera affiché dans le tiroir, ainsi que des fonctions qui définissent le comportement (que faire lorsque le modèle est affiché, lorsque l’utilisateur clique sur OK, etc.).

Pour ajouter un élément de menu Création rapide

  1. À l’aide du code ci-dessus, ajoutez le code suivant au tableau menuItems pour ajouter un élément de menu Création rapide.

    {
  // ID of this menu item
  name: "QuickCreate",
  // Text displaye on top of the Quick Create template as a title
  displayName: "Quick Create a Domain",
  // Description text displayed when the user hovers over the item with their mouse
  description: "Quickly add a new domain by supplying a few details",
  // Template to render for the Quick Create form
  template: "quickcreate",
  // Menu item's text
  label:"Quick Create",
  // Context object for the template
  data: null,

  opening: function(object) {
    // Add logic here to run just before the template is rendered
  }

  open: function () {
    // Add logic here to run just after the template is rendered
    Shell.UI.Validation.setValidationContainer("#webDomainQuickCreateForm");
  },

  ok: function(object) {
    var dialogFields = object.fields;

    if (Shell.UI.Validation.validateContainer("#webDomainQuickCreateForm")) {
      createWebDomain(dialogFields);
    }
    return false;
  },

  cancel: function (object) {
    // Add logic here to run after the user dismisses the Quick Create form
    // Do nothing in this case
  }
}

Voir aussi

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