没有出现AngularJS的Kendo Grid

Question

我试图在AngularJS应用程序中显示一个Kendo Grid，但无法显示它。

这是用于显示网格的html。我刚刚在html中添加了k-data-source选项来尝试不同的东西。

<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>
</div>

这是我的控制器

(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);
})();

这是我在浏览器中看到的全部内容。页面加载时不会显示控制台错误。

我确信它很简单，但现在已经看了太久了。

Answer 1

我想你忘记了你的网格：

$(document).ready(function() {
                $("#grid").kendoGrid({
                    height: 550,
                    sortable: true
                });
            });

了解docs

的基本网格使用情况