How to get selected row in angularjs UI-GRID on row selected event

Question

I have an ui-grid in my application and I want to get the selected row when user select a row from the grid (single row selectable grid).

I know how to get the selected rows through gridApi when click on a button. But I'm unable to get a selected row immediately at the row selected event.

Nikhil Kumar K · Accepted Answer · 2016-06-24 07:06:28Z

2

Need to register api function and use as shown below

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

   $scope.gridApi = gridApi;

   gridApi.selection.on.rowSelectionChanged($scope, function(row){ 
    $scope.countRows = $scope.gridApi.selection.getSelectedRows().length;
    });

   gridApi.selection.on.rowSelectionChangedBatch($scope, function(row){ 
    $scope.countRows = $scope.gridApi.selection.getSelectedRows().length;
    });
};

answered Jun 24, 2016 at 7:06

Nikhil Kumar K

1,11712 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CMR · Accepted Answer · 2015-09-09 10:03:40Z

1

You could bind ng-click on the row, that gets the $event.

Modify the template and reference the appScope

$templateCache.put('ui-grid/uiGridViewport',
    ....
    "<div ng-repeat=\"(rowRenderIndex, row) in rowContainer.renderedRows track by $index\"" +
    "ng-click=\"grid.appScope.onClickRow(row, $event)\"" +
    ....
);

answered Sep 9, 2015 at 10:03

CMR

9331 gold badge7 silver badges8 bronze badges

Comments

Vishal · Accepted Answer · 2016-03-17 11:18:13Z

0

JUST ADD :

gridApi.selection.on.rowSelectionChanged($scope,function(row){
    console.log(row.entity);
  });

in registor api function of ui grid. row.entity will give the selected row

more details here : http://ui-grid.info/docs/#/tutorial/210_selection

answered Mar 17, 2016 at 11:18

Vishal

11k22 gold badges90 silver badges136 bronze badges

Collectives™ on Stack Overflow

How to get selected row in angularjs UI-GRID on row selected event

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related