This is a migrated thread and some comments may be shown as answers.

Grid not working in angular

2 Answers 407 Views

Grid

This is a migrated thread and some comments may be shown as answers.

James asked on 14 Oct 2015, 11:55 AM

I am trying to display an Kendo Grid inside an AngularJS application and can not get it to display.

Here is the html for displaying the grid. I just recently added the k-data-source option in the html to try something different.

<div class="col-xs-4">

<div id="pd01" class="panel panel-primary">

<div class="panel-heading">

<span class="panel-title">Open Invoices</span>

<span class="panel-controls"></span>

</div>

<div kendo-grid="vm.grid" k-data-source="vm.gridData" k-options="vm.options"></div>

</div>

Here is my controller.

(function () {

'use strict';

function invoice(invoiceService) {

var vm = this;

vm.gridData = new kendo.data.DataSource([{

col1: 'data1',

col2: 'data2'

}, {

col1: 'data1',

col2: 'data2'

}]);

vm.options = {

dataSource: vm.gridData,

editable: true

};

}

angular.module('app.dashboard.invoice')

.controller('Invoice', invoice);

})();

I'm sure it is something simple but have been looking at it way too long now.

2 Answers, 1 is accepted