【extjs6學習筆記】1.14 初始: ViewModel

標籤：bin   虛擬   學習   mode   最新   擷取   例子   blog   遠程   

ViewModel是一個管理特定UI組件資料的類。 可以將其視為特定視圖的記錄容器。 它支援與UI組件的雙向資料繫結，只要使用者在視圖中更改資料，它具有最新的副本。 與模型不同，它不能包含代理，因此它不能直接從遠程伺服器擷取資料。

   

我們來建立一個帶有虛擬資料的簡單ViewModel並將其綁定到一個組件。 請考慮以下樣本。

   

   

在上面的例子中，我們建立了簡單的ViewModel類，名為MyApp.view.TestViewModel和Ext.app.ViewModel。別名配置用於給它一個簡短的名稱，以便我們可以在UI中使用這個簡短的名稱來尋找它。資料配置用於提供樣本資料對象。在這裡，我們提供了id和name屬性的簡單對象。 viewmodel類在使用viewmodel類型的viewModel配置的組件中引用。使用bind config將特定的UI配置值與ViewModel的資料繫結。在上面的例子中，組件的html屬性用"test"viewmodel資料對象的id和name屬性綁定。使用大括弧來綁定特定屬性，如"{id}"或"{name}"。所以現在，上述組件將顯示"1 - Steve"。

   

   

【extjs6學習筆記】1.14 初始: ViewModel