I am trying to display the Sum of the Amount per ReceivedOn on the group footer.
Please help me to find what is wrong in here...
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: THIS_APP_PATH + "Reports/Monthly/DepositList",
dataType: "json"
}
},
schema: {
parse: function (response) {
var amounts = [];
$.each(response.Amounts, function (i, amount) {
var amount = {
Id: amount.Id,
Amount: amount.Amount,
ReceivedOn: amount.Check != null ? amount.ReceivedOn : null,
Originator: amount.Check != null ? amount.Check.Originator : null,
CheckNumber: amount.Check != null ? amount.Check.Number : null,
CheckDate: amount.Check != null ? amount.Check.Date : null,
Comments: amount.Comments
};
amounts.push(amount);
});
return amounts;
},
model: {
id: "Id",
fields: {
Id: { type: "number" },
ReceivedOn: { type: "date" },
Originator: { type: "string" },
CheckNumber: { type: "string" },
CheckDate: { type: "date" },
Amount: { type: "number" },
Comments: { type: "string" }
}
},
group: [{
field: "ReceivedOn"//, aggregates: [{ field: "Amount", aggregates: "sum" }]
}],
aggregate: [{ field: "Amount", aggregate: "sum" }]
}
});
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: false,
groupable: false,
columns: [
{ field: "ReceivedOn", title: "Received On", format: "{0:MM/dd/yyyy}"},
{ field: "Originator", title: "Originator", width: 200, groupFooterTemplate: "Total: #=sum#" },
{ field: "CheckNumber", title: "Check #", groupFooterTemplate: "Total: #=sum#" },
{ field: "CheckDate", title: "Check Date", format: "{0:MM/dd/yyyy}" },
{ field: "Amount", format:"{0:c}"},
{ field: "Comments", title: "Comments", width: 250, groupFooterTemplate: "Total: #=sum#" },
{ field: "Amount", groupFooterTemplate: "Total: #=sum#" }
]
});