ZK 教學 - 常見錯誤用法 06 - 慎選 data binding 語法

慎選 data binding 語法

最常用的語法有以下 4 種：

• @init： 只從 ViewModel 載入一次
• @load：載入並追蹤 ViewModel 變化
• @save：寫入 ViewModel1
• @bind：（雙向）等於 @load + @save

後面 3 種因為需要持續維持（追蹤）元件與 ViewModel 的綁定關係，伺服器需要建立 tracking node，因此成本較高。
依對系統的負擔排名如下：

因此如果沒有動態變化的需要，請使用 @init。
例如在 Listbox, Grid, Tree內的 <template>若只是顯示資料，只需用 @init，可以免去大量 tracking node 所需的記憶體。
例如：

<grid width="400px" model="@init(vm.itemList)">
     <columns>
         <column label="index" />
         <column label="name" />
     </columns>
     <template name="model" >
        <row>
            <label value="@init(forEachStatus.index)" />
            <label value="@init(each.name)" />
        </row>
    </template>
</grid>