Hi! I'm using Kendo UI + AngularJS for display a grid with some local data. All works fine, the data are displayed correctly but when I try to sort or group or click to next page nothing happens.
Here some code snippets:
Here some code snippets:
angular.element($(
'#bodyall'
)).scope().ctrl.poolGridOpts = {
dataSource: {
data: poolGridData,
pageSize: 10
},
pageable:
true
,
sortable:
true
,
groupable:
true
,
columns: [
{ field:
"field"
, title:
"Name of field"
},
{ field:
"value"
, title:
"Value of field"
}
]
};
I create the option object for the grid and I set the data source as array of object field/value
div.html(
'<div kendo-grid="poolGrid" k-options="ctrl.poolGridOpts"></div>'
);
angular.element(div).injector().invoke(
function
($compile) {
var
scope = angular.element(div).scope();
$compile(div)(scope);
});
I fill the div with the html of the kendo-grid directive passing the options, thus I compile the html with angular
The grid is displayed with the data but is "static" and the sorting or grouping don't work.
As you can see from image, the grid seems to be ok (correctly initialized) but nothing is working.
Any idea for what I'm wrong ?