NG网格中的外部过滤器



我有 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( );
});

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

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

最新更新