PDA

View Full Version : Cell Editing plugin - how navigate cells with enter and tab keys?



JCarlosF
Oct 23, 2020, 12:04 AM
Hi!

I need your valuable help, I am using the Cell Editing plugin of the GridPanel using textfields in each cell,
this corresponds to the example:

https://examples5.ext.net/#/GridPanel/Plugins/CellEditing/

I have a question,
How do I make it so that after editing a cell and pressing the enter key, the cursor moves to the cell below and pressing the tab key moves the cursor to the cell on the right?

Thanks!

fabricio.murta
Oct 23, 2020, 5:54 PM
Hello @JCarlosF!

You can achieve that by overriding default key bindings to the scenario you need, as shown in this example: Keys > KeyMap > Map Inside Component (https://examples5.ext.net/#/Keys/KeyMap/Map_Inside_Component/).

Beware some limitations or additional work may be necessary (or global key binding as used in examples next to that one), for instance, if when you press the ENTER key the whole page gets submitted.

There is no preset I am aware of in grid panels that does the key bindings the way you want, so I am afraid the only choice is by customizing key bindings like that.

Hope this helps!