我想做的是采用 gridOptions 中的“showSelectionCheckbox:”设置,并将其从 false 更改为 true,并使我的 ng-grid 显示或隐藏 ng-grid 默认复选框。
我的代码成功更改了值,但更改未反射(reflect)在网格上。
$scope.saveTest() 绑定(bind)到带有 ng-click 的按钮。
$scope.gridOption = {
data: 'myData',
showSelectionCheckbox: false,
....
}
$scope.saveTest = function () {
$scope.gridOption.showSelectionCheckbox = true;
}
所以我的问题是,是否可以使用 ng-grid 动态更改配置设置?是否有可以监听的事件来刷新网格?
最佳答案
无法动态更改 showSelectionCheckbox 属性,但始终存在使用 2 个网格并根据选择显示其中一个网格的丑陋解决方法。
示例:
html:
<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>
js:
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;
}
});
关于javascript - 动态更改配置设置 ng-grid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23409488/