Barras

As barras são componentes utilizados para agrupar outros componentes como botões, menus e checkboxes. Elas são componentes nativos do framework Sencha JS.

Uso:

• TBar = top bar fica no topo das janelas
• BBar = bottom bar fica na parte inferior das janelas

Top Bars:

Devem ser utilizadas para agrupar funções que vão incluir ou alterar dados nas informações do módulo como incluir, cancelar, importar, exportar etc.

Bottom Bars:

Devem ser utilizadas para agrupar funções de conclusão, navegação, atualização ou desistêntcia do corpo da tela ou janela, como por exemplo, salvar um formulário ou navegar pelas tabs de um cadastro ou filtro.

Ações de conclusão (salvar, concluir, finalizar) preferencialmente ficam posicionadas à direita e as demais ficam à esquerda.

Quantidade de Funções por Barra:

Em alguns cenários a quantidade de funções por tela é alta ou o título das funções é muito extenso, caso isso aconteça é recomendável que se agrupe as funções da página em um menu button. Por padrão, telas com mais de 2 funções já devem ser agrupadas.

Recomendável

Não Recomendável

Links: Acesse a documentação Sencha Js

 Os exemplos e orientações a seguir foram criados baseados na arquitetura do illi usando extJS 4. Porém, podem ser replicados e adaptados para desenvolver outros sistemas usando diferentes tecnologias, se for propício ao contexto.