kendoui grid 结合angularjs使用

引入kendo.all.js和kendo.culture.zh-CN.min.js,kendo.messages.zh-CN.min.js,

然后引入样式表kendo.common.min.css，kendo.bootstrap.min.css，kendo.dataviz.min.css"

然后在angular.moudel('app',['kendo.directives']); 注入kendo服务

然后就创建grid的

<div kendo-grid="gridRes" k-options="gridOpts"></div>

在controller中

 $scope.gridOpts = {
            sortable: true,
            pageable: { refresh: true, pageSizes: [10, 20, 50]},
            filterable:true,
            editable: false,           
            selectable: true,
            resizable: true,     

            toolbar：toolbar，

dataSource:dataSource,

 columns: [

{field:"nam",title:"名称"}，

{field:"name",title:"名称"}，
                      ]

｝