如何将字段值放在页脚 Kendo 网格中？

Question

我想从我的网格中的一个字段中获取一个值，并将其放在网格的页脚中。有没有像

这样的聪明方法

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

        ]

Answer 1

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

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

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

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

此函数然后执行以下操作：

  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>';

}

我获得了对网格数据源中 data 的访问权，然后遍历 ContactName 字段并将其添加到 var。最后，我创建了一个按钮，该按钮位于页脚中，可激活弹出窗口以显示内容。

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

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

如何将字段值放在页脚 Kendo 网格中？

How to put field value in footer Kendo grid?

kendo-ui

kendo-ui-grid