Kendo instance

by peterjc

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1316/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="ttp://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.silver.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css">
<div data-ng-app="app">
    <div data-ng-controller="Grid as vm">
        <div kendo-grid='grid' k-options="vm.options"></div>
        <div>{{vm.msg}}</div>
    </div>
</div>

JavaScript

(function () {
    angular.module("app", ["kendo.directives"])
        .controller("Grid", ['$scope', Grid]);

    function Grid($scope) {
        var gridInstance = $scope.grid;
        console.log(gridInstance);
        var vm = this;
        vm.msg = gridInstance === undefined ? "undefined" : "defined";
        var gridData = [{
            col1: 'data1',
            col2: 'data2'
        }, {
            col1: 'data1',
            col2: 'data2'
        }];

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