如何将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

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

<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