資料繫結 (HTML)

快速入門：繫結資料與樣式

您可以使用適用於 JavaScript 的 Windows Library 繫結，將資料及樣式繫結到 HTML 元素。與 WinJS 的繫結預設是單向的，這表示當資料和樣式的值變更時，HTML 元素就會更新，但是當 HTML 元素變更時，資料不會更新。這個快速入門示範最基本的繫結，也就是以宣告方式繫結到只包含資料的簡單物件。如需更為進階的繫結相關資訊，請參閱如何繫結複雜物件及如何使用範本繫結資料。

如何使用範本繫結資料

適用於 JavaScript 的 Windows Library 範本非常便於格式化和顯示多個資料執行個體。您可以使用這些範本結合 ListView 和 FlipView 物件，以指定其顯示方式。您也可以使用範本來繫結多個資料物件執行個體，而不使用預先定義的檢視。 如需關於使用範本搭配 ListView 的詳細資訊，請參閱快速入門：新增 ListView。如需關於使用範本搭配 FlipView 的詳細資訊，請參閱新增 FlipView 控制項。下列程序示範如何使用範本搭配陣列。

您可以透過宣告方式將範本定義為 WinJS 控制項，並指定其內部結構及樣式。即使將範本宣告為 DIV 元素，處理該範本時也不會將其視為 DOM 的一部分，或以部分 DOM 搜尋結果的方式傳回。您可以指定範本在 DIV 元素中的顯示方式，或讓 render 方法建立自己的 DIV 元素。 這個主題顯示如何使用範本將不同數目的可繫結資料物件繫結到 DIV 元素。使用者可在下拉式清單中選取項目，以選擇要顯示的物件數目。