如何使用 Kendo-grid 到 Angular-ngRepeat

Question

如何为 ng-repeat 的每次迭代生成具有不同数据的 kendo-grid？

HTML代码：

<div ng-repeat="PricesPerGroup in AllGroups">
    <kendo-grid options="GridOptions"></kendo-grid>
</div>

JavaScript代码：

$scope.GridOptions = {
    dataSource: {
        data: {
            (data is current 'PricesPerGroup' - Should bring it from ng-repeat)
        }
    }
}

Answer 1

尝试使用 return 正确配置对象的辅助函数：

<div ng-repeat="PricesPerGroup in AllGroups">
    <kendo-grid options="getGridOptions(PricesPerGroup)"></kendo-grid>
</div>

在控制器中：

$scope.getGridOptions = function(data) {
    return {
        dataSource: {
            data: data
        }
    };
};

演示：http://dojo.telerik.com/eFaXA