如何在 NG-网格中禁用选择

howto disable selection in ng-grid

本文关键字：选择 网格 NG-      更新时间：2023-09-26

是否可以使用内置功能"禁用"或锁定ng-grid的选择？我希望用户能够选择一行，单击一个按钮，然后网格将保持锁定状态，直到用户按下另一个按钮。

是的，您可以从beforeSelectionChange返回false以禁用更改网格上的选定行。 

$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>

示例代码：http://plnkr.co/edit/PbhPzv?p=preview

另请参阅：https://github.com/angular-ui/ng-grid/wiki/Configuration-Options

这

在 Angular 2.3 中有效：

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

将以下代码添加到网格选项

enableRowHeaderSelection: false
相关文章：