2014-05-06 34 views
1

我与Setting the group option dynamically not working in ng-grid 2.0.7有完全相同的问题。设置组选项动态不能在ng-grid中工作2.0.11

短的它(新手在这里):

我已经成功地设法解决如何创建一个聚集行模板,负载从服务器,并指定组(在gridOptions硬编码)到组数据。它的作品非常漂亮。

但是,我的分组是动态的,也可以从服务器获得。当我尝试并动态检索它们并将它们设置为gridOptions时,它们将被忽略。如果他们是硬编码的,他们会工作,如果他们被检索和填充,我只提供未分组的数据。

我已经尝试了很多东西,并花了超过一天的时间。在我看来,有几个内部地方的初始化与组相关的状态(config.groups,config.columnDefs,configGroups等是空的,当我预计他们不是)。

有其他人遇到这个问题

感谢

克里斯

回答

2

网格对象具有GROUPBY属性,你可以用它来动态地汇总数据 ?例如:。

HTML:

<body ng-controller="MyCtrl"> 
<button type="button" ng-click="changeGroupBy('name')">Group By Name</button> 
<button type="button" ng-click="changeGroupBy('age')">Group By Age</button> 
<div class="gridStyle" ng-grid="gridOptions"></div> 
</body> 

JS:

app.controller('MyCtrl', function($scope) { 

    $scope.myData = [{"name": "Moroni", "age": 50}, 
       {"name": "Tiancum", "age": 53}, 
       {"name": "Jacob", "age": 27}, 
       {"name": "Nephi", "age": 54}, 
       {"name": "Alex", "age": 53}, 
       {"name": "Jhonny", "age": 22}, 
       {"name": "Ben", "age": 11}, 
       ], 

    $scope.gridOptions = { 
     data: 'myData' 
     }; 

    $scope.changeGroupBy = function (group) { 
    $scope.gridOptions.groupBy(group); 
    } 
}); 

活生生的例子:http://plnkr.co/edit/A0q3c98s8K4h3n83MULE?p=preview