2016-05-23 16 views
3

ドキュメントによると、https://www.ag-grid.com/best-angularjs-data-grid/index.phpによると、gridCollectionFiltersオプションをtrueに設定すると、cellRenderer内のテンプレートはAngularディレクティブになります。Ag-gridカスタムフィルタ:filterParams - cellRenderer in Angular 1.x

ただし、見出しフィルタではなく、セルの角の編集作業を行うことができます。それはAg-Grid Enterpriseバージョンでのみ機能するためですか?それともバグですか?

さらに、適切に文書化されたサンプルスニペットも表示されません。

答えて

0

それはあまりにもフィルター上で動作、あなただけのカスタムフィルタを設定する必要があります。

this.gridOptions = { 
    angularCompileFilters:true, 
    columnDefs: [{ 
     headerName: "My Column", 
     field: "MyColumn", 
     filter: function() { 
      this.init = function (params) { 
       //init logic 
      } 

      this.getGui = function() { 
       return "<p ng-repeat=\"i in \'abc\'\">{{i}}</p>" 
      } 
      this.isFilterActive = function() { 
       return true; 
      } 

      this.doesFilterPass = function (params) { 
       //filter logic 
       return true; 
      } 
      this.getModel = function() { 
       return { name: "" } 
      } 

      this.setModel = function (model) { 
      } 
     } 
} 

getGuiによって返された文字列は角度成分としてコンパイルされます。