javascript - 剑道用户界面 : Not able to add footerTemplate to grid

Question

我试图在 footerTemplate 中显示字段的计数。下面是 fiddle :

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

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

在 aggregateResult 对象中，我得到了 count 的值。但是我该如何将它添加到 footerTemplate 呢？

请帮帮我。

谢谢!!

Answer 1

问题在于您的方法网格渲染两次，第一次是在 Kendo UI initialization 上(在第一个 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 来初始化小部件和绑定(bind)数据。

在你的 JSBin 的修改版本中检查它 here