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

Question

如何在网格的 header.

中获得过滤 enable/disable 按钮

我有这个 plunker，您可以在其中看到 enable/disable 过滤选项，但我需要它在网格 header 内，如下图所示。

基本上我需要这个按钮：

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

在网格的header

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 );
  };

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

How to add filter button to ui-grid header

filter

angularjs

angular-ui-grid