Hi, I am plugging in KendoUI with AngularJS to a application we have. I have been able to get the GRID to work as in display data and be configured with various options like sort / group / select.
However, the k-columns option does not appear to work at all. The entire dataSource is being displayed in the GRID instead of just the columsn I want to see.
This is what my element looks like on the page.
<kendo-grid options=kendo-grid
k-data-source="gridData"
k-columns="gridColumns"
k-selectable="true"
k-groupable="false"
k-sortable="true"
k-height="600"
k-on-change="selected = data">
</kendo-grid>
In the js file it looks like this.
$scope.gridData = [
{ artist: "Pink Floyd", track: "The dark side of the Moon", album: "1978" },
{ artist: "The Beatles", track: "I've just seen a face", album: "moonwalk" },
{ artist: "Queen", track: "Innuendo", album: "dasher" }
];
$scope.gridColumns = [
{ field: "artist", title: "Artist" }
];
But the output is always always all of the data instead of just one column. See attachement.
The console is reporting the following error.
>columns attribute resolved to undefined. Maybe you meant to use a string literal like: 'gridColumns'?
I have played around with this in the following demo, and it works fine here.
http://dojo.telerik.com/UqoBu
Our app is in VS2013.
Im a bit stumped on where to go from here.
thanks
Mark