如何在页脚Kendo网格中放置字段值?

时间:2017-04-06 11:22:54

标签: kendo-ui kendo-ui-grid

我想从网格中的字段中获取值,并将其放在网格的页脚中。是否有一种聪明的方法可以像

那样做
       columns: [
            {field: "product", title: "Product"},
            {field: "price", title: "Price"},
            {field: "priceDoubledInFooter", title:"priceDoubledInFooter",footerTemplate:#=price*price#},

        ]

1 个答案:

答案 0 :(得分:0)

我为你准备了一个简单的道场:http://dojo.telerik.com/UWOvi/2

这会在单击时显示引导弹出窗口中演示网格中的联系人姓名。

在不知道您的具体需求的情况下,我已将一列中的所有值都包含在弹出窗口中。

这是通过创建一个分配给footerTemplate的名为getMeValues()的函数来实现的。

然后,此功能执行以下操作:

  function getMeValues(data)
  {
    var gridDS = $('#grid').data('kendoGrid').dataSource.data(); 

    var result = ''; 

    gridDS.forEach(function(row, index){
      result += index + '::' + row.ContactName + '<br/>';
    }); 

return '<button class="btn btn-primary" data-container="body" data-toggle="popover" data-title="I am some data" data-content="' +   result + '"/>' + ' Click Me</button>';

}

我可以访问网格的dataSource中的data,然后遍历ContactName字段并将其添加到var。我最后创建了一个放在页脚中的按钮,它激活一个弹出窗口来显示内容。

然后,为了让新创建的按钮运行,我在网格的dataBound事件中绑定popover事件,以便它知道为我激活按钮。

显然可以根据您的具体需求更改此示例,但如果您有任何其他问题,我们将很乐意为您提供帮助。