Kendo UI：無法將footerTemplate添加到網格

Question

我試圖在footerTemplate中顯示該字段的計數。 遵循的是小提琴：

http://jsbin.com/ajoyug/8/edit

然而，如果沒有footerTemplate它工作正常。但是，一旦我添加footerTemplate，它就停止工作。

在aggregateResult對象內我得到count的值。但是，我應該如何將它添加到頁腳模板？

請幫助我。

謝謝！

Answer 1

我無法解釋爲什麼它不起作用。但我已經嘗試過以其他方式做你的例子，它運作良好。

這裏去鏈接。

http://jsbin.com/ajoyug/35/edit

Answer 2

問題是與你的方法網格呈現兩次，第一次在劍道UI init ialization（第一bind中隱含的）和第二，當你bind的實際數據。

第一次數據仍然不可用，然後失敗。

如果反正你要跟着你應該做的路徑：

<div id="myListView" data-role="grid" class="transaction-grid" 
    data-columns="[ 
      { field: 'name', title: 'Name', width:'20%' }, 
      { 
       field: 'age', 
       title: 'Age' , 
       width:'35%', 
       footerTemplate: 'Total Count: # if (data.age) { # #= age.count # # } #' 
      } 
      ]" 
    data-bind="source: dataSource"> 
</div> 

即檢查是否data.age可用，然後是當你打印出來。

否則，我建議遵循@UmankantPatil建議，並且不要使用data-*，而是使用JavaScript來初始化窗口小部件和綁定數據。

檢查它在你的JSBin here