AngularJS - UIGrid - How to read data for a selected row?

Question

In my Angular apps I am using UI Grid (http://ui-grid.info/docs/#/tutorial)

How do I get the data of the selected row ?

HTML:

<div ui-grid="gridOptions" ui-grid-selection class="grid"></div>

Jay · Accepted Answer · 2015-11-24 15:28:52Z

2

The grid selection module has a method to get the selected rows: getSelectedRows().

You can access this method through the gridApi if you define your options like so:

$scope.gridOptions = {
  columnDefs: $scope.columns,
  onRegisterApi: function(gridApi) {
    $scope.gridApi = gridApi;
  }
};

answered Nov 24, 2015 at 15:28

Jay

4524 silver badges15 bronze badges

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

2 Comments

Very helpful. Are there any events triggered on selecting a checkbox? I want to get the primary key of the selected row.

There is a rowSelectionChanged event which should suit your requirement. (ui-grid.info/docs/#/api/ui.grid.selection.api:PublicApi)