Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – ng-grid中的外部过滤器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有3个搜索字段,应该过滤我的表(名称,目标,范围).
前两个创建常规过滤器,意味着更改其中一个“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); 
});

大佬总结

以上是大佬教程为你收集整理的angularjs – ng-grid中的外部过滤器全部内容,希望文章能够帮你解决angularjs – ng-grid中的外部过滤器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。