Kendo Grid與AngularJS沒有出現

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