Row click event with selection-mode=auto ?

Flow
1

Hi,

I have a grid with selection-mode=“auto”.
Is there a way to trigger an event when a click occur on a row (not the columns of the checkboxes) :

  • a click in the checkboxes column change the selection only
  • a click in the other columns triggers an other action

Edit : I’ve tried this :

<vaadin-grid id="gridArticles" selection-mode="multi" on-selected-items-changed="_selectionChanged" on-tap="_gridTap">...</vaadin-grid>

_gridTap: function(a) {
var cell = a.srcElement;
if (cell.nodeName != 'TD') { // renderer of the cells add "pointer-events:none;" style to the elements so the tap is intercepted at TD level
return;
}
console.log('click, ref = '+cell.parentElement.getAttribute('ar-ref'));
},
ready: function() {
this.$.gridArticles.rowClassGenerator = function(row) {
row.element.setAttribute('ar-ref', row.data.ref); // while rendering the row, I set an attribute to the row with the reference
return row.data.dispo ? '' : 'article-indispo';
}
}

It’s a little bit… alchemy, but it seems to work…
Is there a cleaner way to get the reference from the item when I click on a row ?