如何将过滤器按钮添加到 ui-grid 标题

Question

如何在网格标题中获取过滤启用/禁用按钮。

我有这个plunker，您可以在其中看到启用/禁用过滤选项，但我需要它在网格标题中，如下图所示。

基本上我需要这个按钮：

<button id='toggleFiltering' ng-click="toggleFiltering()" class="btn btn-success">Filter</button>

在网格的标题中

Answer 1

我做到了:)

这里是plunker

这里是 columnDefs 下的主要部分：

      {field: 'filtertoggle', displayName: '', visible: true,  headerCellTemplate: '' +
                            '<button id=\'toggleFiltering\' ng-click="grid.appScope.toggleFiltering()" class="btn btn-success">' +
                            'Toggle Filtering</button>'
      }

而被调用的函数直接在作用域对象中：

  $scope.toggleFiltering = function(){
      $scope.gridOptions.enableFiltering = !$scope.gridOptions.enableFiltering;
      $scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.COLUMN );
  };