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值是從一個 「VAR computedValue」，現在當我做什麼也沒發生。爲了顯示價值，正確的方法是什麼？

感謝

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功能。然後，每次網格更新其內容時，都會調用您的函數。

footerTemplate: function(data) { 
    return "Price: " + compute(); 
}