Skip to content
Advertisement

Kendo Grid: Can we run example with Angular using jsfiddle?

I wanted to be able to make available some examples of the Kendo grid when asking questions here. I have put the most basic one here, but nothing shows up.

The code is:

<div data-ng-app="app">
<div data-ng-controller="Grid as vm">
    <div kendo-grid='grid' k-options="vm.options"></div>
</div>
</div>
(function () {
 angular.module("app", ["kendo.directives"])
    .controller("Grid", Grid);

function Grid() {
    var vm = this;
    var gridData = [{
        col1: 'data1',
        col2: 'data2'
    }, {
        col1: 'data1',
        col2: 'data2'
    }];

    vm.options = {
        dataSource: gridData,         
        editable: true
    };
}
})();

Should this be possible, have I missed something? (The sample runs locally).

Advertisement

Answer

You just need to change the way that the scripts are included in the fiddle. Instead of “onLoad”, use “No wrap”.

User contributions licensed under: CC BY-SA
6 People found this is helpful
Advertisement