Grid Navigation

O comportamento da grelha está dividido em dois modos:

Modo edit

Este é o modo inicial da grelha ao adicionarmos uma linha e escolhermos o respetivo campo para iniciar o preenchimento dos detalhes. Este modo tem o seguinte comportamento:

  • Teclas de navegação (teclas de seta): o cursor é tratado pelo elemento de input.

  • Tecla Enter: o valor é persistido e a seleção salta para o próximo campo “stop field”. Caso não haja um campo com essa flag, salta para a próxima linha. Caso não exista a linha, cria uma nova linha. Passa para o modo view.

  • Tecla Esc: cancela a edição e volta ao valor anterior (caso já tenha um valor). Passa para o modo view.

Modo view:

Em modo view é possível navegar livremente por toda a grelha.

  • Teclas de navegação (teclas de seta): o cursor define a próxima célula. «

    Cursor Up passa para a célula imediatamente acima. Na primeira linha de uma página, passa para a página anterior (caso exista).

Cursor Down passa para a célula imediatamente abaixo. Na última linha de uma página, passa para a página seguinte (caso exista).

Cursor Left passa para a célula imediatamente à esquerda.

Cursor Right passa para a célula imediatamente à direita.

  • Tecla Enter: Salta para o próximo campo “stop field”. Caso não haja um campo com essa flag, salta para a próxima linha. Caso não exista a linha, cria uma nova linha. Passa para o modo view.

  • Tecla Esc: não faz nada, mantém em modo view.