Angular UI Grid“取消组合”事件答案

【问题标题】：Angular UI Grid "Ungroup" eventAngular UI Grid“取消组合”事件
【发布时间】：2015-06-08 13:56:50
【问题描述】：

我想在我的代码中将一个侦听器附加到 ui-grid 的列菜单中的“Ungroup”菜单项，以便进行额外的处理。这可能吗？如果可以，我该如何实现这种行为？

【问题讨论】：

【解决方案1】：

在网格列上取消分组时没有事件。取消分组是作为“uiGridGroupingService”的一部分实现的，因此您可以在该服务中装饰方法 ungroupColumn 并进行额外处理。

app.config(function($provide){
    $provide.decorator('uiGridGroupingService', function ($delegate) {
        var oriUngroupColumn = $delegate.ungroupColumn;
         $delegate.ungroupColumn = function(grid, column)
         {
            oriUngroupColumn.apply($delegate, arguments);
           console.log("Do your additional processing here");
         }
         return $delegate;
    })
});

将此添加到您的应用程序将为您提供添加额外处理的选项。此处为示例 plnkr http://plnkr.co/edit/zug6NTRSW1PJNm4IDM9u?p=preview

【讨论】：