Javascript 使用外部按钮清除ng网格中的分组

我有一个ng网格，其中包含按类别分组的数据，如下所示：

$scope.gridOptions = {
  columnDefs: [
    {field: 'cat', displayName: 'Category'},
    {field: 'name', displayName: 'Name'},
    {field: 'val', displayName: 'Value'}
  ],
  data: 'myData',
  groups: ['cat']
}

我希望能够通过一个按钮在外部取消ng网格中的数据分组。我不想显示组面板（通过

$scope.gridOptions.showGroupPanel:true

），它提供了一个“X”来清除分组

我尝试在单击外部按钮时执行以下操作，但没有成功：

• $scope.gridOptions.groups=[]

• $scope.gridOptions.groups.length=0

有没有关于如何清除分组的建议？最终，我希望能够使用按钮打开/关闭分组；然而，清除分组似乎是良好的第一步。谢谢你的帮助

---

下面是一个

源代码中有一个未记录的函数，用于以编程方式设置组。你可以简单地：

gridOptions.groupBy(columnFieldKey)

---

不幸的是，我无法找到一种方法，通过编程一次按多个列进行分组。

源代码中有一个未记录的函数，用于以编程方式设置组。你可以简单地：

gridOptions.groupBy(columnFieldKey)

---

不幸的是，我无法找到一种方法，通过编程一次按多个列进行分组。

您可以通过一系列group by语句将列添加到现有的分组列中

gridOptions.groupBy(col1);
gridOptions.groupBy(col2);

您可以通过以下方式清除现有组：

gridOptions.groupBy(null);

---

可以通过一系列group by语句将列添加到现有分组列中

gridOptions.groupBy(col1);
gridOptions.groupBy(col2);

您可以通过以下方式清除现有组：

gridOptions.groupBy(null);

---

你能提供Plunker/Fiddle来解决你的问题吗？你是在使用HTML5还是jQuery UI来处理表组？@tiagobareto-HTML5，但是因为我不想让组面板可见（因此，没有拖放），所以不应该这样做matter@MaximShoustin-在问题末尾添加了小提琴（）你能提供Plunker/Fiddle来解决你的问题吗？你是在使用HTML5还是jQuery UI来处理表组？@tiagobareto-HTML5，但是因为我不想让组面板可见（因此，没有拖放），所以不应该这样做matter@MaximShoustin-在问题末尾添加了小提琴（）太棒了！那是票！这是他最新的小提琴-->太棒了！那是票！这是他最新的小提琴-->