deselect all rows in ng grid

Question

Please find the ng grid example in plunker

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

It will allow user to select only one row but there will be one selected row at all time. I want to deselect all rows.

Skeen

when you want to deselect? – Bahner

@Bahner I have two tabs each containing a grid. The second grid is populated according to the selected value of first grid. If nothing is selected the second grid will populate all records. – Skeen

If one row is selected from first grid. There should be an option to deselect that row. – Skeen

Answer 1

ng-grid has keepLastSelected option.

Try:

keepLastSelected: false in gridOptions. This will toggle selection.

Example

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

Bahner

Answer 2

The following works for me:

Plunker

First you need store gridApi:

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

Then you can use:

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

Overissue

Answer 3

simply :

$scope.gridApi.selection.clearSelectedRows()

Cluj

Answer 4

For Selecting ALL Rows We Use ::

$scope.GridOptions.api.selectAll()

Here $scope.GridOptions is your own grid data

And For Deselecting All Rows We use::

$scope.gridOptions.api.deselectAll();

Here (.api) is file and you get this file from (ag-grid.js) file from internet Url:https://cdnjs.com/libraries/ag-grid

Pillow