Angularjs ui-grid filter cancel event

Question

Hi I am using angular ui grid, I have filter and grouping in the grid I am expanding by default all rows using following

$scope.expandAll = function(){
    $scope.gridApi.treeBase.expandAllRows();
  };

 $timeout(function() {
    $scope.expandAll();
}, 500);

now if user filter on any column which is not available in data

And then remove or cancel, It does not expand automatically

It shows like above

I need all rows to expand automatically when user clear or cancel filter data

I found there is an event filterChanged, but I don't know how to use that

I am using following plunkr for testing

http://plnkr.co/edit/hhIW9R9aX1JlFe4nodJQ?p=preview

Thanks

madan · Accepted Answer · 2016-02-02 12:03:51Z

0

Modify your onRegisterApi method to the following

onRegisterApi: function( gridApi ) {
  $scope.gridApi = gridApi;
  $scope.gridApi.core.on.filterChanged($scope, function() {        
    var grid = this.grid;
    var isfilterclear = true;
    angular.forEach(grid.columns, function( col ) {
      if(col.filters[0].term){
        isfilterclear = false;
      }
    });
    if(isfilterclear) {
        $timeout(function() {
            $scope.expandAll();
        },500);
    }
  });
}

see plunkr http://plnkr.co/edit/1FWDIe?p=preview

answered Feb 2, 2016 at 12:03

madan

4456 silver badges16 bronze badges

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

1 Comment

iMalek Over a year ago

I just end up doing $timeout(function() {$scope.expandAll();},500); in my filterChanged function

Collectives™ on Stack Overflow

Angularjs ui-grid filter cancel event

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related