Angularjs 使用角度模型列表填充剑道网格

我有一个Angular应用程序从服务器检索我的数据，并希望使用结果填充剑道网格。我已尝试创建kendo.data.DataSource，但无法填充网格。下面是我正在尝试的

    $scope.surchargeGridOptions = {
        dataSource: {
            pageSize: 15,
            autoSync: true,
            autoBind: false,
            data: $scope.model.dataSource,
    }


    $scope.getWaivers = function () {
            waiverService.getCustomers($scope.model.customer.CustomerID).then(function (result) {
            $scope.model.waivers = result.data;
            $scope.model.dataSource = new kendo.data.DataSource({
                data: $scope.model.waivers,
                });
            $scope.model.dataSource.read();
      });
   };

---

可以这样做吗？我该怎么做？

选项中的数据源对象有一个数据属性，它只需要引用普通数组，而不需要引用整个剑道数据源

您应该使用k-data-source来引用您的数据

<kendo-grid k-data-source="myData"></kendo-grid>

。。如果你有动态数据，那么剑道可观测阵列将是最佳实践

---

下面是一个示例。

具有网格选项的Html首页

<div kendo-grid="ListGrid" options="ListOptions" k-rebind="ListOptions" class="k-grid-content-border"></div>


 function GridColumn() {
        return [{
            field: 'name',
            template: "<a ng-click='ToList(this.dataItem)' class='cursor-pointer'>{{this.dataItem.name}}</a>",
            title: "",
            footerTemplate: "Total",
            width: 200,
            locked: true,
        }]}

$scope.ToGeo = function (item) {
        $scope.dataLoded = false;
        GetResults(function (res) {
            $scope.ListOptions.dataSource = new kendo.data.DataSource({
                data: res,
            });
            $scope.ListOptions.columns = GridColumn();
            $scope.ListGrid.refresh();
            $scope.dataLoded = true;
        })

    }

---

GetResults用于API调用和获取数据

的地方，您是否知道缺少选项的右括号？

<div kendo-grid="ListGrid" options="ListOptions" k-rebind="ListOptions" class="k-grid-content-border"></div>


 function GridColumn() {
        return [{
            field: 'name',
            template: "<a ng-click='ToList(this.dataItem)' class='cursor-pointer'>{{this.dataItem.name}}</a>",
            title: "",
            footerTemplate: "Total",
            width: 200,
            locked: true,
        }]}

$scope.ToGeo = function (item) {
        $scope.dataLoded = false;
        GetResults(function (res) {
            $scope.ListOptions.dataSource = new kendo.data.DataSource({
                data: res,
            });
            $scope.ListOptions.columns = GridColumn();
            $scope.ListGrid.refresh();
            $scope.dataLoded = true;
        })

    }