ui-grid: tabbing into and out of the grid?

[alexandery]

Hi guys,

I have a ui-grid on the page which displays search results. I need to be able to tab into it after hitting Search button and navigate the rows. Once a row is selected, I need to be able to tab out to an 'Open' button (which is outside the grid). Is this possible?

Thanks!

[PaulL1]

The grid makes use of the tab button already for navigation around within the grid (when using the cellNav feature). So tabbing in and moving around is possible. But at present I don't think you can tab out again - the behaviour at the end of the grid is to go to the top left cell (i.e. tab will wrap around).

[alexandery]

Hi Paul,

Maybe I'm missing something (I'm sure that the case) but I cannot even tab into the grid. When I set tabIndex on ui-grid div the focus goes into the div but I'm unable to actually do anything with the keyboard inside the grid at that point.

It does not make any difference whether I use cellnav feature or not.

Hope this helps.

[cks333]

I have a number of fields (textboxes, checkboxes, selectfields etc) along with a number of grids (implemented using ui-grid) in a single page. Tabbing works fine in the page through various fields until i encounter the grid. The tabbing skips the grid and goes straight to next field ! I hope this fix will help me too ! Thanks to Paul and Swalters on this !