取消选择 ng 网格中的所有行答案

【问题标题】：deselect all rows in ng grid取消选择 ng 网格中的所有行
【发布时间】：2017-11-14 17:13:51
【问题描述】：

请在 plunker 中找到 ng 网格示例

http://plnkr.co/edit/CncDWCktXTuBQdDVfuVv?p=preview

它将只允许用户选择一行，但始终会选择一行。我想取消选择所有行。

【问题讨论】：

何时取消选择？
@KrishnaDhungana 我有两个选项卡，每个选项卡都包含一个网格。根据第一个网格的选定值填充第二个网格。如果未选择任何内容，则第二个网格将填充所有记录。
如果从第一个网格中选择了一行。应该有一个选项可以取消选择该行。

标签： angularjs ng-grid

【解决方案1】：

ng-grid 有keepLastSelected 选项。

试试：

keepLastSelected: false 在网格选项中。这将切换选择。

示例

$scope.gridOptions = { 
      data: 'myData',
      selectedItems: $scope.mySelections,
      multiSelect: false,
      keepLastSelected: false
    };

【讨论】：

【解决方案2】：

以下对我有用：

Plunker

首先你需要存储gridApi：

$scope.gridOptions.onRegisterApi = function (gridApi) {
    $scope.gridApi = gridApi;
};

那么你可以使用：

$scope.unSelectAll = function(){
    $scope.gridApi.selection.clearSelectedRows();
}

【讨论】：

【解决方案3】：

简单地说：

$scope.gridApi.selection.clearSelectedRows()

【讨论】：

【解决方案4】：

用于选择我们使用的所有行 ::

$scope.GridOptions.api.selectAll()

这里$scope.GridOptions是你自己的网格数据

对于取消选择我们使用的所有行：

$scope.gridOptions.api.deselectAll();

这里 (.api) 是文件，您可以从（ag-grid.js）来自互联网的文件网址：https://cdnjs.com/libraries/ag-grid

【讨论】：