ngGrid 어떻게 Excel 데이터 필터와 같은 여러 열에 필터를 만들 수 있습니까?

Question

우리는 ngGrid를 사용하고 있습니다. Excel 같은 다중 열 필터를 만드는 방법이 있는지 알고 싶습니까?

그물에서 검색했지만 대부분의 경우 모든 열 (한 번에 하나씩)을 필터링하기위한 단일 텍스트 상자 필터가 있다는 것을 알았습니다.

도움이 될 것입니다.

감사합니다.

Answer 1

아마도 filterBar 플러그인을 사용해보십시오.

var filterBarPlugin = { 
    init: function(scope, grid) { 
     filterBarPlugin.scope = scope; 
     filterBarPlugin.grid = grid; 
     $scope.$watch(function() { 
      var searchQuery = ""; 
      angular.forEach(filterBarPlugin.scope.columns, function(col) { 
       if (col.visible && col.filterText) { 
        var filterText = col.filterText +'; '; 
        searchQuery += col.displayName + ": " + filterText; 
       } 
      }); 
      return searchQuery; 
     }, function(searchQuery) { 
      filterBarPlugin.scope.$parent.filterText = searchQuery; 
      filterBarPlugin.grid.searchProvider.evalFilter(); 
     }); 
    }, 
    scope: undefined, 
    grid: undefined, 
}; 

여기에 실제로 적용된 것은 Plunker입니다.

이 플러그인은 저에게 작성된 것이 아니며, 어디에서 발견했는지 기억이 나지 않습니다. 방금 이걸 Question에 사용했습니다. (코멘트 참조)