Dynamically Change the Grid Options in angular ui.grid

Question

I have to show two types of gridOptions without using two grid's trying to change the gridOptions dynamically not working(one time working).

working example http://plnkr.co/edit/4QKGIB?p=preview.

$scope.grid1=function(){
   $scope.gridOptions = $scope.gridOptions1;
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }
 $scope.grid2=function(){
   $scope.gridOptions = $scope.gridOptions2;
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }

see it is working plnkr.co/edit/CvqzuRM4DzwxlbMs0kky?p=preview — Pankaj Parkar
– Pankaj Parkar, Commented Apr 16, 2015 at 15:09

Pankaj Parkar · Accepted Answer · 2015-04-16 18:43:18Z

5

Basically you need to use angular.copy() while assigning columnDef to grid, which clones the array and set it to the gridOptions.

Code

 $scope.gridOptions = angular.copy($scope.gridOptions1);
 $http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json')
 .success(function(data) {
   $scope.gridOptions1.data = data;
   $scope.gridOptions2.data = data;
   $scope.grid1();
 });
 $scope.grid1=function(){
   $scope.gridOptions = angular.copy($scope.gridOptions1);
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }
 $scope.grid2=function(){
   $scope.gridOptions = angular.copy($scope.gridOptions2);
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }

Working Plunkr

answered Apr 16, 2015 at 18:43

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

vamsikrishnamannem Over a year ago

Thanks you, if you know it please help stackoverflow.com/questions/29643310/…

Collectives™ on Stack Overflow

Dynamically Change the Grid Options in angular ui.grid

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related