Modifier dynamiquement les Options de la Grille angulaire de l'interface utilisateur.grille

J'ai à vous montrer deux types de gridOptions sans l'aide de deux grille d'essayer de changer le gridOptions de façon dynamique ne fonctionne pas(un temps de travail).

exemple de travail 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);
 }
voir, il est de travail plnkr.co/modifier/CvqzuRM4DzwxlbMs0kky?p=preview

OriginalL'auteur vamsikrishnamannem | 2015-04-16

  1. 5

    Fondamentalement, vous avez besoin d'utiliser angular.copy() lors de l'attribution des columnDef à la grille, les clones de la matrice et de la placer à l' 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);
 }

    Travail Plunkr

    Merci à vous, si vous le connaissez, s'il vous plaît aider stackoverflow.com/questions/29643310/...

    OriginalL'auteur Pankaj Parkar