Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum1. Vaadin Flow - Java

Make Grid Rows Focusable?

Burke Ingraffia
5 years ago Aug 18, 2016 2:49pm

I have a grid on a page where the whole row is selectable with a mouse click.

I want the grid rows to be focusable so that I can tab to the rows and select the row with the enter key.

Is there a way to set each grid row as focusable?

+1
Marcus Hellberg
5 years ago Aug 18, 2016 3:39pm

Set the selection mode to single: <vaadin-grid selection-mode="single">

+1
Marcus Hellberg
5 years ago Aug 18, 2016 3:40pm

Although you'll need to use arrow keys to move the selection and enter to select, like in other select components. Tab will only move between focusable elements.
 

Burke Ingraffia
5 years ago Aug 18, 2016 3:42pm

Marcus Hellberg: Set the selection mode to single: <vaadin-grid selection-mode="single">

It's not written declaratively with elements.  Is there a Java method that does this?

Marcus Hellberg
5 years ago Aug 18, 2016 3:45pm

This is the Vaadin Elements forum, so I assumed that you were referring to the Elements grid.

If you are working with the framework Grid, the method you're looking for is https://vaadin.com/api/7.6.8/com/vaadin/ui/Grid.html#setSelectionMode(com.vaadin.ui.Grid.SelectionMode)

 

Burke Ingraffia
5 years ago Aug 18, 2016 3:51pm

My apologies. I do see that we already have setSelectionMode(SelectionMode.SINGLE);

I'll try to move this to the other forum.