I have a Grid instance that is being refreshed every X seconds and would like to compare the new data (remote) with the existing data, which then affect how the data is displayed within the grid. I have looked through the documentation and the forums but can't seem to find a way to compare the two. The "change" config seems to be for only inline editing... but maybe I am wrong. Any help/links would be appreciated. Here is an example of what is going on here (I would like to compare the values returned for "rate" and "high_rate"):
// KendoUI grid
var
kgrid = $(
"#rate_grid"
).kendoGrid({
dataSource: {
data: get_rates(),
pageSize: 100
},
height: 360,
groupable:
false
,
scrollable: {
virtual:
true
},
sortable:
true
,
pageable:
false
,
columns: [ {
field:
"rate_name"
,
width:
'65px'
,
title:
"Name"
} , {
field:
"rate"
,
title:
"Rate"
} , {
field:
"high_rate"
,
title:
"High"
}],
rowTemplate: kendo.template($(
"#rowTemplate"
).html()),
dataBound: onDataBound
});
setInterval(
function
() {
// if KendoUI grid instance, update it
if
(
typeof
kgrid !==
"undefined"
)
{
$(
'#rates_load small'
).text();
var
re_grid = $(
"#rate_grid"
).data(
"kendoGrid"
);
var
new_grid_data = get_rates();
re_grid.dataSource.data(new_grid_data);
re_grid.refresh();
}
}, 5000);