Advertisement
Guest User

Untitled

a guest
Oct 21st, 2014
188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.83 KB | None | 0 0
  1. var app = angular.module('myApp', ['ngGrid']);
  2. app.controller('MyCtrl', function($scope) {
  3. $scope.option;
  4. $scope.myData = [{name: "Moroni", age: 50},
  5. {name: "Tiancum", age: 43},
  6. {name: "Jacob", age: 27},
  7. {name: "Nephi", age: 29},
  8. {name: "Enos", age: 34}];
  9.  
  10. $scope.gridOptions1 = { data: 'myData',
  11. columnDefs: [{ field:"name", displayName: "NAME"},
  12. { field:"age", displayName: "AGE"}],
  13. multiSelect: true };
  14.  
  15. $scope.gridOptions2 = { data: 'myData',
  16. columnDefs: [{ field:"name", displayName: "Name"},
  17. { field:"age", displayName: "Age"}],
  18. multiSelect: false };
  19.  
  20. });
  21.  
  22. <body ng-controller="MyCtrl">
  23. <label>Show me:</label>
  24. <input type="radio" name="option" ng-model="option" value="gridOptions1">Grid A</input>
  25. <input type="radio" name="option" ng-model="option" value="gridOptions2">Grid B</input>
  26. <div class="gridStyle" ng-grid="{{option}}"></div>
  27. </body>
  28.  
  29. var app = angular.module('myApp', ['ngGrid']);
  30. app.controller('MyCtrl', function($scope) {
  31.  
  32. $scope.myData = [{name: "Moroni", age: 50},
  33. {name: "Tiancum", age: 43},
  34. {name: "Jacob", age: 27},
  35. {name: "Nephi", age: 29},
  36. {name: "Enos", age: 34}];
  37.  
  38. $scope.columnDefs1 = [{ field:"name", displayName: "NAME"},
  39. { field:"age", displayName: "AGE"}];
  40.  
  41.  
  42. $scope.columnDefs2 = [{ field:"name", displayName: "Name"},
  43. { field:"age", displayName: "Age"}];
  44.  
  45.  
  46. $scope.gridOptions = { data: 'myData',
  47. columnDefs: 'columnDefs1',
  48. multiSelect: true };
  49.  
  50. $scope.switchColumnDefs = function() {
  51.  
  52. $scope.columnDefs1 = $scope.columnDefs2;
  53.  
  54.  
  55.  
  56. }
  57.  
  58. });
  59.  
  60. <body ng-controller="MyCtrl">
  61. <label>Show me:</label>
  62. <a ng-click="switchColumnDefs()">Switch Options</a>
  63. <div class="gridStyle" ng-grid="gridOptions"></div>
  64. </body>
  65.  
  66. var gridOptions1 = {
  67. data: 'myData',
  68. columnDefs: [
  69. { field:"name", displayName: "NAME"},
  70. { field:"age", displayName: "AGE"}],
  71. multiSelect: true,
  72. selectedItems: $scope.selected
  73. };
  74.  
  75. var gridOptions2 = {
  76. data: 'myData',
  77. columnDefs: [
  78. { field:"name", displayName: "Name"},
  79. { field:"age", displayName: "Age"}],
  80. multiSelect: false,
  81. selectedItems: $scope.selected
  82. };
  83.  
  84. $scope.filterTabs = [{grid: gridOptions1}, {grid: gridOptions2}];
  85.  
  86. <ol>
  87. <li ng-repeat="tab in filterTabs">
  88. <div class="gridStyle" ng-grid="tab.grid"></div>
  89. </li>
  90. </ol>
  91.  
  92. $gridScope.selectionProvider.multi = true / false;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement