如何使用 angularjs 将 Kendo 网格绑定到 json 数据

Question

您好，我正在使用剑道网格将数据与 json 和 angularjs 绑定 下面是我的代码。 这是下面的 .cshtml 页面代码。

<div ng-app="Sample" ng-controller="SampleController">
    <div>Products: {{products.length}}</div>
    <div kendo-grid k-data-source="products" k-selectable="'row'"
         k-pageable='{ "pageSize": 2, "refresh": true, "pageSizes": true }'
         k-columns='[
        { "field": "EmployeeKey", "title": "EmployeeId"},
        { "field": "FirstName", "title": "First Name"},
        { "field": "LastName", "title": "Last Name"},
        { "field": "DepartmentName", "title": "Department Name" },
         { "field": "EmailAddress", "title": "Email Id" }
      ]'>
    </div>
</div>
<script>
    var app = angular.module('Sample', ['kendo.directives']);
    app.controller('SampleController', function ($scope, $http) {
        debugger;
        $http.get('~/api/Employee/Employee_Read').success(function (thisdata) {
           
            var myData = $.parseJSON(JSON.parse(thisdata));
            $scope.myData = myData;
        });

        $scope.filterOptions = {
            filterText: '',
            useExternalFilter: true,
        };
        });
</script>

在名为 EmployeeController 的控制器中，我使用了 json 数据，如下所示：

public ActionResult Employee_Read ([DataSourceRequest] DataSourceRequest request )
        {
            return Json(employeeRepositary.Employees.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }

此代码与@HtmlKendo 网格一起工作正常，但为此我无法显示数据。 我哪里错了？？ 请从这里帮助我。

Answer 1

在这种情况下使用kendo.data.ObservableArray

$http.get('~/api/Employee/Employee_Read').success(function (thisdata) {       
    var myData = $.parseJSON(JSON.parse(thisdata));
    $scope.products= new kendo.data.ObservableArray(myData.Data);
});