4

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

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

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

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

请帮帮我。

谢谢!!

4

2 回答 2

2

问题在于您的方法网格被渲染了两次,第一次是在 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 来初始化小部件和绑定数据。

在此处检查您的 JSBin 的修改版本

于 2013-04-23T20:20:45.597 回答
1

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

这里是链接。

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

于 2013-04-23T18:58:06.423 回答