javascript - howto disable selection in ng-grid - Stack Overflow

admin管理员组

文章数量:1242805

Is it possible to "disable" or lock the selection of a ng-grid using the inbuilt functionality? I want the user to be able to select a row, click a button and then the grid will stay locked until the user presses another button.

Is it possible to "disable" or lock the selection of a ng-grid using the inbuilt functionality? I want the user to be able to select a row, click a button and then the grid will stay locked until the user presses another button.

• javascript
• angularjs
• angular-ui
• ng-grid

Share Improve this question Follow edited Mar 21, 2016 at 8:52 Tim asked Oct 30, 2013 at 16:24 TimTim 7,4311313 gold badges6363 silver badges103103 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 11

Yes, you can return false from beforeSelectionChange to disable changing the selected rows on the grid.

$scope.option = {
    enableRowSelection: true,
};
$scope.gridOptions = {
    data: 'myData',
    beforeSelectionChange: function() {
      return $scope.option.enableRowSelection;
    }
    //, ...
};

HTML:

<button ng-click="option.enableRowSelection=false">Freeze Selection</button>
<button ng-click="option.enableRowSelection=true">Unfreeze Selection</button>
<div class="gridStyle" ng-grid="gridOptions"></div>

Example Code: http://plnkr.co/edit/PbhPzv?p=preview

See also: https://github./angular-ui/ng-grid/wiki/Configuration-Options

This works in Angular 2.3:

  constructor() {
    this.gridOptions = <GridOptions>{};
    this.gridOptions.suppressCellSelection = true;
  }

add below code to gridoption

enableRowHeaderSelection: false

本文标签： javascripthowto disable selection in nggridStack Overflow