How to pass multiple parameters into Ui-grid filter in AngularJs

Question

I have created a custom filter in AngularJs UI-grid.The filter is working fine with a single argument but when it comes to multiple values filter didn't work well.Please if any one knows how to pass multiple parameters into UI grid filter let me know.

AngularJs Filter Method

Filter will execute when button on click and redraw the grid according to user name.

    $scope.filterData = function(userName) {
           $scope.searchText = userName;
           $scope.tableData.data = $filter('filter')
            ($scope.TestData,
            $scope.searchText, undefined);
//how can i pass multiple param into filter like filtering based on user name and age

    };

vamshi krishna kurella · Accepted Answer · 2016-01-22 06:24:45Z

2

Pass any number of parameters. But while using filter tag, use function instead of a single parameter.

See the code below for reference.

$scope.filterData = function(userName, secndParm, thirdParm,...) {          
           $scope.tableData.data = $filter('filter')
            ($scope.TestData, function (value, key) {
               return  (value.userName == userName || value.someText == secndParm || value.someAntherText == thirdParm);
            });
}

edited Jan 22, 2016 at 6:24

answered Jan 21, 2016 at 12:06

vamshi krishna kurella

3321 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gihan-maduranga Over a year ago

value.userName means cel value in the grid?

vamshi krishna kurella Over a year ago

values are individual objects of the Array you are going to search the results for. So with this approach u can compare with each attribute(of each object) u wanna do.

Collectives™ on Stack Overflow

How to pass multiple parameters into Ui-grid filter in AngularJs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related