Cell Editing plugin - how navigate cells with enter and tab keys?

  1. #1

    Cell Editing plugin - how navigate cells with enter and tab keys?

    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/#/GridPane...s/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!
  2. #2
    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.

    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!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] GridPanel RowEditor plugin, limiting editing to a single cell.
    By rmelancon in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 07, 2017, 6:56 PM
  2. Replies: 3
    Last Post: Oct 11, 2013, 10:28 PM
  3. [CLOSED] Navigate Grid with Arrow Keys
    By rthiney in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 29, 2011, 7:31 PM
  4. Replies: 6
    Last Post: Oct 13, 2011, 9:51 PM
  5. Replies: 1
    Last Post: Mar 19, 2010, 8:35 PM

Posting Permissions