Javascript 在网格中动态更改配置设置

Javascript 在网格中动态更改配置设置,javascript,angularjs,angular-ui,ng-grid,Javascript,Angularjs,Angular Ui,Ng Grid,我试图做的是在我的gridOptions中设置“showSelectionCheckbox:”并将其从false更改为true,然后让我的ng grid显示或隐藏ng grid默认复选框 我的代码成功地更改了值,但是这些更改不会反映在网格上 $scope.saveTest()通过单击绑定到按钮 $scope.gridOption = { data: 'myData', showSelectionCheckbox: false, .... } $scope.saveTest =

我试图做的是在我的gridOptions中设置“showSelectionCheckbox:”并将其从false更改为true,然后让我的ng grid显示或隐藏ng grid默认复选框

我的代码成功地更改了值,但是这些更改不会反映在网格上

$scope.saveTest()通过单击绑定到按钮

$scope.gridOption = {
  data: 'myData', 
  showSelectionCheckbox: false, 
  ....
} 

$scope.saveTest = function () {
  $scope.gridOption.showSelectionCheckbox = true;
}

所以我的问题是,是否有可能使用ng grid动态更改配置设置?是否有可以监听的事件来刷新网格?

无法动态更改showSelectionCheckbox属性,但始终存在使用两个网格并根据选择显示其中一个网格的丑陋解决方法

示例:

html:

实时示例:

当您处理少量数据时,两个网格(隐藏一个并显示另一个)解决方案是一个很好的解决方案,但如果您需要管理数千条记录,则从一个网格更改到另一个网格的过程会变得非常缓慢。希望(ng网格)组件的开发人员在不久的将来找到解决这个问题的好方法

<button ng-click="changeGrid()">test</button>     
<div class="gridStyle" ng-if="!showSelectionCheckbox" ng-grid="gridOptions"></div>
<div class="gridStyle" ng-if="showSelectionCheckbox" ng-grid="gridOptions2"></div>
var app = angular.module('myApp', ['ngGrid']);

app.controller('MyCtrl', function($scope, $http) {
  $scope.showSelectionCheckbox=false;
    $scope.myData = [{"name": "Moroni", "allowance": 50},
              {"name": "Tiancum", "allowance": 53},
              {"name": "Jacob", "allowance": 27},
              {"name": "Nephi", "allowance": 29}],

    $scope.gridOptions = { 
        data: 'myData',
        showSelectionCheckbox: false, 
        };
       $scope.gridOptions2 = { 
        data: 'myData',
        showSelectionCheckbox: true, 
        };  

 $scope.changeGrid = function () {
  $scope.showSelectionCheckbox=!$scope.showSelectionCheckbox;
 }
});