2014-05-06 58 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