How to get row click event in angular?

Question

I am trying get row object selected with row click event. I am using Angular UI Grid

Here is the API link http://ui-grid.info/docs/#/tutorial/103_filtering

I used this to get the data:

    enableRowSelection: true,
        multiSelect:false,
        onRegisterApi : function(gridApi){
  //set gridApi on scope
  $scope.gridApi = gridApi;
  gridApi.selection.on.rowSelectionChanged($scope,function(row){
    var msg = 'row selected ' + row.isSelected;
    $log.log(msg);
  });

Here is my code https://plnkr.co/edit/DqBgHFnwLpYM5pvg0f56?p=preview

cuongle · Accepted Answer · 2016-01-05 11:06:59Z

1

Inject ui.grid.selection into your app module:

angular.module('app',['ngTouch', 'ui.grid', 'ui.grid.selection'])

Setup selection on html:

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

Get selected row object using row.entity:

 gridApi.selection.on.rowSelectionChanged($scope,function(row){
    var msg = 'row selected ' + row.entity.age;
    console.log(msg);
  });

Working plunker:

https://plnkr.co/edit/fxtD3F4iFxmPKT1G1t7V

answered Jan 5, 2016 at 11:06

cuongle

75.5k30 gold badges155 silver badges212 bronze badges

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

4 Comments

user944513 Over a year ago

is there any another way to do same thing ?? because it is showing check box ..I don't need check box .I just want to click any where on row

cuongle Over a year ago

@user944513: you can add enableRowHeaderSelection: false to turn off the checkbox

user944513 Over a year ago

could you please look on this Question stackoverflow.com/questions/34612856/…

cuongle Over a year ago

@user944513: sorry I don't have experience on inline editing

Collectives™ on Stack Overflow

How to get row click event in angular?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related