Hello,
I have a question regarding aggregatesrenderer. I followed the sample on the site. When I simply use aggregates they show up fine within the grid. However, when I add the aggregatesrenderer (as seen below) I only get a blank cell. When I put a breakpoint (and display) in my code the aggregates param is en empty object -i.e. Object{} – i.e. no aggregates, thus I do not get any values showing up. Any assitance would be be appreciated. Thanks!
{ text: 'Status', datafield: 'status', cellclassname: cellclass, cellsformat: 'c2', width: 100,
aggregates: [
{ 'Pending':
function (aggregatedValue, currentValue) {
if (currentValue == "Pending") {
return aggregatedValue + 1;
}
return aggregatedValue;
}
},
{ 'Processed':
function (aggregatedValue, currentValue) {
if (currentValue == "Processed") {
return aggregatedValue + 1;
}
return aggregatedValue;
}
},
{ 'Rejected':
function (aggregatedValue, currentValue) {
if (currentValue == "Rejected") {
return aggregatedValue + 1;
}
return aggregatedValue;
}
}
],
aggregatesrenderer: function (aggregates, column, element) {
var renderstring = "<div class='jqx-widget-content jqx-widget-content-" + theme + "' style='float: left; width: 100%; height: 100%;'>";
console.log(aggregates);
$.each(aggregates, function (key, value) {
console.log('key = ' + key + 'value = ' + value);
if (isPending(value)) {
theclass = 'orange';
}
else if (isRejected(value)) {
theclass = 'red';
}
else if (isProcessed(value)) {
theclass = 'green';
}
else if (isCancelled(value)) {
theclass = 'brown';
}
else theclass = 'black';
renderstring += '<div class="' + theclass + '">' + key + ': ' + value + '</div>';
});
renderstring += "</div>";
cl(renderstring);
return renderstring;
}
}
