angularjs - ng-grid 中的外部过滤器

Question

我有 3 个搜索字段可以过滤我的表格(名称、目标、范围)。
前 2 个创建常规过滤器，这意味着在更改其中一个时，此结构中的“filterText”属性会更改:

name: [NAME_VALUE]; target: [TARGET_VALUE];

问题出在最后一个。我希望它按低于或高于则过滤。

像这样的东西:

name: [NAME_VALUE]; target: [TARGET_VALUE]; reach: >[REACH_VALUE]

所以我想我应该创建我的自定义过滤函数并将“useExternalFilter”设置为true。

我为此搜索了 2 天，但没有找到完整的答案:
如何获得对行的引用以过滤它们？
当我得到这个引用时，如何使用 ng-grid 方式设置行隐藏？

这就是我到目前为止所做的:
我在 ng-grid 的源代码中看到，他们在更改“filterText”时发出“ngGridEventFilter”事件，所以我用这个来听它:

$scope.$on( "ngGridEventFilter", function(){
    $scope.checkReach( );
});

Answer 1

您正在覆盖网格内部过滤器逻辑，您必须自己处理它，服务器端。

<input type="text" ng-model="filterOptions.filterText" placeholder="Filter">


app.controller('MyCtrl', function($scope) {
    $scope.filterOptions = {
        filterText: "",
        useExternalFilter: true
    };

    $scope.gridOptions = {
        data: 'myData',
        filterOptions: $scope.filterOptions
    };

    $scope.$watch('filterOptions', function () {
      //Call an async function to fetch data here.
      someAsyncFunction($scope.filterOptions.filterText);
    }, true); 
});