Kendo UI:无法将footerTemplate添加到网格中

时间:2013-04-23 15:00:04

标签: javascript jquery mvvm kendo-ui

我正在尝试在footerTemplate中显示字段的计数。 跟随是小提琴:

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

但是,如果没有footerTemplate,它可以正常工作。但是一旦我添加了footerTemplate,它就会停止工作。

在aggregateResult对象中,我得到count的值。但是,我该如何将它添加到footerTemplate?

请帮助我。

谢谢!

2 个答案:

答案 0 :(得分:2)

问题在于您的方法是网格呈现两次,第一次是在Kendo 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

的修改版本中查看它

答案 1 :(得分:1)

我无法解释为什么它不起作用。但我试过通过其他方式做你的例子并且效果很好。

这是链接。

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