Quantcast
Channel: SAPUI5 Developer Center
Viewing all articles
Browse latest Browse all 789

SAPUI5 Table Navigation with Tab Key

$
0
0

Hi guys,

I guess it's no secret that the table handling in editable tables is not the best in SAPUI5.

Especially the keyboard navigation is, in my opinion, unnecessarily complicated (press tab to jump out of the input field, navigate with arrow keys to next input field, press tab again to jump into said input field). This was not acceptable for my clients, so I searched for another way.

 

After struggling for a while I created this discussion, where showed me his solution for table tab navigation.

I took his coding and extended it for my needs (sap.m input fields, backward navigation, consideration of read-only columns) and here is the result:

 

JS Bin - Table Navigation with Tab Key

 

The navigation with tab and SHIFT+tab works (almost ) perfectly fine.

It takes a bit of coding, but the function can easily be reused as it is.

 

What do you think of this solution? Any ideas for improvements?

 

 

Cheers,

Klaus


Viewing all articles
Browse latest Browse all 789

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>