共用方式為


Windows Azure Pack 管理入口網站Client-Side擴充功能範本

 

適用于:Windows Azure Pack

Hello World範例Visual Studio Project路徑:Microsoft.WAP.Samples.HelloWorld.TenantExtension\Templates 和 Microsoft.WAP.Samples.HelloWorld.AdminExtension\Templates

延伸模組所需的 HTML 應該放入範本中,並在資訊清單中定義。 當 Windows Azure Pack for Windows Server 管理入口網站載入時,這會將範本載入瀏覽器。

延伸模組中的 HTML 是由 jsRender 範本化引擎處理, (查看 http://borismoore.github.com/jsviews/demos/index.html 相關部落格文章 http://www.borismoore.com/ ) 。 如果您未使用任何範本標記, ({{ 和 }} ) 範本中的 HTML 會依原狀輸出。

範本會在包含元素內轉譯 (通常是 div) 。 請務必有有效的 HTML 程式碼片段位於包含的 元素中。 範本的處理會在資料物件的內容中發生,此物件會在查閱要取代至範本的值時使用。 以下是 div 元素內的範本標記範例:

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

轉譯範本

延伸模組中的範本是由範本資訊清單中的 name 屬性所參考。 內容物件可以是明確或隱含的。 例如,定義延伸模組的索引標籤牽涉到設定索引標籤定義的陣列,如下所示:

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

請注意 「template」 參數,其符合範本資訊清單中的名稱屬性值。 如果內容物件是最上層索引標籤,內容物件將會由用戶端架構隱含地設定為空白物件,也就是它不是鑽研至專案,或者如果它是鑽研索引標籤,則會是先前選取的專案。

某些函式可以採用明確的內容物件來轉譯。 例如,若要建立簡單的 1 步驟精靈:

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" });

資料參數會當做範本 「createStep1」 的內容物件使用。 這會導致 jsRender 在解析變數時查看資料物件的屬性。

另請參閱

Windows Azure Pack Management Portal 使用者介面擴充功能