Identify the ng-grid on which the sort event was fired

Question

I have two ng-grids in the same view/partial and need to identify on which ng-grid was the sort event fired. How do I do that? I am using the ngGridEventSorted event.

Answer 1

You can access the scope on which the event was fired with event.targetScope

$scope.$on('ngGridEventSorted', function(event, args) {
   var targetScope = event.targetScope;
   // inspect targetScope's properties to differentiate between the two grids
});

Another way would be to create two wrapping div's around the grids, each with their own controller that handles the event.

<div ng-controller="controllerOne">
   <ng-grid ...>
</div>

<div ng-controller="controllerTwo">
   <ng-grid ...>
</div>

Answer 2

That what you need:

$scope.$on('ngGridEventSorted', function(event,data) {
            if ($scope.gridOptions1.gridId==event.targetScope.gridId){
                ...
            }
            if ($scope.gridOptions2.gridId==event.targetScope.gridId){
                ...
            }
        });

And no need to define gridId.