Language: HTML | XAML

資料繫結 (HTML)

Applies to Windows and Windows Phone

用途

資料繫結可讓您同步處理應用程式的元素與不同的資料來源,包括資料庫、檔案及內部物件。

在本節中

主題說明

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

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

如何繫結複雜物件

在許多情況下,您會希望應用程式繫結複雜物件,特別是管理不受應用程式 UI 控制之處理程序的物件。 這個主題示範如何撰寫能夠從包含名稱和色彩的物件中顯示資料的應用程式,這裡的內容基本上與快速入門:繫結資料與樣式所述內容相同。在此案例中,物件會自行管理變更處理程序,而非回應會觸發變更的按鈕。

如何使用範本繫結資料

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

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

 

開發人員對象

本節的主要對象是使用 JavaScript 之 Windows 執行階段應用程式的開發人員,針對他們想要在應用程式中顯示不同資料類型的需求而設計。

 

 

顯示:
© 2014 Microsoft