Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var app = angular.module('myApp', ['ngGrid']);
- app.controller('MyCtrl', function($scope) {
- $scope.option;
- $scope.myData = [{name: "Moroni", age: 50},
- {name: "Tiancum", age: 43},
- {name: "Jacob", age: 27},
- {name: "Nephi", age: 29},
- {name: "Enos", age: 34}];
- $scope.gridOptions1 = { data: 'myData',
- columnDefs: [{ field:"name", displayName: "NAME"},
- { field:"age", displayName: "AGE"}],
- multiSelect: true };
- $scope.gridOptions2 = { data: 'myData',
- columnDefs: [{ field:"name", displayName: "Name"},
- { field:"age", displayName: "Age"}],
- multiSelect: false };
- });
- <body ng-controller="MyCtrl">
- <label>Show me:</label>
- <input type="radio" name="option" ng-model="option" value="gridOptions1">Grid A</input>
- <input type="radio" name="option" ng-model="option" value="gridOptions2">Grid B</input>
- <div class="gridStyle" ng-grid="{{option}}"></div>
- </body>
- var app = angular.module('myApp', ['ngGrid']);
- app.controller('MyCtrl', function($scope) {
- $scope.myData = [{name: "Moroni", age: 50},
- {name: "Tiancum", age: 43},
- {name: "Jacob", age: 27},
- {name: "Nephi", age: 29},
- {name: "Enos", age: 34}];
- $scope.columnDefs1 = [{ field:"name", displayName: "NAME"},
- { field:"age", displayName: "AGE"}];
- $scope.columnDefs2 = [{ field:"name", displayName: "Name"},
- { field:"age", displayName: "Age"}];
- $scope.gridOptions = { data: 'myData',
- columnDefs: 'columnDefs1',
- multiSelect: true };
- $scope.switchColumnDefs = function() {
- $scope.columnDefs1 = $scope.columnDefs2;
- }
- });
- <body ng-controller="MyCtrl">
- <label>Show me:</label>
- <a ng-click="switchColumnDefs()">Switch Options</a>
- <div class="gridStyle" ng-grid="gridOptions"></div>
- </body>
- var gridOptions1 = {
- data: 'myData',
- columnDefs: [
- { field:"name", displayName: "NAME"},
- { field:"age", displayName: "AGE"}],
- multiSelect: true,
- selectedItems: $scope.selected
- };
- var gridOptions2 = {
- data: 'myData',
- columnDefs: [
- { field:"name", displayName: "Name"},
- { field:"age", displayName: "Age"}],
- multiSelect: false,
- selectedItems: $scope.selected
- };
- $scope.filterTabs = [{grid: gridOptions1}, {grid: gridOptions2}];
- <ol>
- <li ng-repeat="tab in filterTabs">
- <div class="gridStyle" ng-grid="tab.grid"></div>
- </li>
- </ol>
- $gridScope.selectionProvider.multi = true / false;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement