Kendo footertemplate

Question

我有一个kendo网格，我想添加一个footerTemplate，但footerTemplate的值将是动态的（其他计算将涉及。）我现在的问题是，如何将计算值用于footherTemplate？

以下是我的示例代码。

---

var computedValue= compute();

$("#grid").kendoGrid({
    dataSource: {
        data: setData(),
        pageSize: 10
    },
    sortable: true,
    scrollable: false,
    pageable: true,
    columns: [
        { field: "UnitPrice", title: "Unit Price", 
          footerTemplate: "Price : #=computedValue#" 
        },
        { field: "UnitsOnOrder", title: "Units On Order"},
        { field: "UnitsInStock", title: "Units In Stock"}
    ]
});

---

正如您所看到的，footerTemplate的值来自＆＃34; var computedValue＆＃34;，现在当我这样做时没有任何反应。显示值的正确方法是什么？

由于

Answer 1

你可以像这样使用你的功能。

剑道网格

$("#grid").kendoGrid({
                    dataSource: window.ds,
                    scrollable: false,
                    pageable: true,
                    editable: true,
                    columns: [
                      { field: "Name", title: "Name" },
                      { field: "Value", title: "Value", 
                       footerTemplate: "Total:<span id='myId'> #=window.calc()#</span>" }
                    ]

                });

Javasript功能

<script>
function calc() {
  // assume this to be dynamically determined  
  var field = "Value";

  // assume this to be dynamically determined
  var dataSource = window.ds;

  // some custom calc logic
  var newValue = 0;

  $.each(dataSource.data(), function(index, model) {
      newValue += model.get(field);
  });

  return newValue;
}
</script>

Refrence Link

Answer 2

只需使用footer template的函数即可。然后，每次网格更新其内容时都会调用您的函数。

{ "arr" : [ { "cond" : 4, "upd" : 55 } ] }