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 在解析變數時查看資料物件的屬性。