Windows šablony rozšíření portálu Pro správu sady Azure Pack Client-Side

 

Platí pro: Windows Azure Pack

Hello World ukázkové Visual Studio Project cesty: Microsoft.WAP.Samples.HelloWorld.TenantExtension\Templates a Microsoft.WAP.Samples.HelloWorld.AdminExtension\Templates

HTML vyžadované rozšířením by mělo být vloženo do šablon a definováno v manifestu. Tím se šablona načte do prohlížeče, když se načte Windows Azure Pack pro Windows Server management Portal.

HTML v rozšíření zpracovává modul šablon jsRender (viz http://borismoore.github.com/jsviews/demos/index.html a relevantní blogové příspěvky na http://www.borismoore.com/ ). Pokud žádné značky šablony ({{ a }} ) nepoužíváte, bude kód HTML v šabloně výstupem tak, jak je.

Šablony se vykreslují v rámci obsahujících elementů (obvykle div). Nezapomeňte mít fragmenty kódu HTML, které jsou platné v obsahujícím elementu. Zpracování šablon probíhá v kontextu datového objektu, který se používá při hledání hodnot k nahrazení šablony. Následuje příklad značky šablony v elementu div:

<div class="aux-readonlyvalue">
  {{if domain.hasExpiry == true}}
    <span>Expiration data</span>
    <div>{{>domain.ExpiryDate}}</div>
  {{/if}}
</div>

Šablony vykreslování

Šablony v rozšíření jsou odkazovány atributem name v manifestu šablony. Kontextový objekt může být explicitní nebo implicitní. Například definování karet pro rozšíření zahrnuje nastavení pole definic karet, například v následujících případech:

navigation = {
  tabs: [
    {
      id: "domains",
      displayName: "domains",
      template: "domainsTab",
      activated: loadDomainsTab
    }
  ]
}

Všimněte si parametru "template", který odpovídá hodnotě atributu name v manifestu šablony. Kontextový objekt bude implicitně nastaven architekturou na straně klienta jako prázdný objekt, pokud se jedná o kartu nejvyšší úrovně, to znamená, že se nejedná o přechod k podrobnostem k položce, nebo se jedná o položku, která byla dříve vybrána, pokud se jedná o kartu přechodu k podrobnostem.

Některé funkce můžou vykreslit explicitní kontextový objekt. Pokud chcete například vytvořit jednoduchý 1krokový průvodce:

cdm.stepWizard({
    extension: "DomainTenantExtension",
    steps: [{
      template: "createStep1",
      data: data,
      onStepCreated: function () {
        wizard = this;
      },
      onStepActivate: step1Activate,
      onNextStep: function () {
        return Shell.UI.Validation.validateContainer("#dm-create-step1");
      }
    }]
  },
  { size: "mediumplus" });

Datový parametr se používá jako kontextový objekt šablony createStep1. Výsledkem je zobrazení vlastností datového objektu při překladu proměnných.

Viz také

Windows rozšíření uživatelského rozhraní portálu Management Portal sady Azure Pack