Ext.js - Layouts
Layout é a maneira como os elementos são organizados em um contêiner. Pode ser horizontal, vertical ou qualquer outro. Ext JS tem um layout diferente definido em sua biblioteca, mas sempre podemos escrever layouts personalizados também.
| Sr. Não | Layout e descrição |
|---|---|
| 1 | Absoluto Este layout permite posicionar os itens usando as coordenadas XY no container. |
| 2 | Acordeão Este layout permite colocar todos os itens em pilha (um em cima do outro) dentro do contêiner. |
| 3 | Âncora Este layout dá ao usuário o privilégio de especificar o tamanho de cada elemento em relação ao tamanho do container. |
| 4 | Fronteira Neste layout, vários painéis são aninhados e separados por bordas. |
| 5 | Auto Este é o layout padrão que decide o layout dos elementos com base no número de elementos. |
| 6 | Cartão (TabPanel) Este layout organiza diferentes componentes em forma de guia. As guias serão exibidas na parte superior do contêiner. Sempre que apenas uma guia está visível e cada guia é considerada um componente diferente. |
| 7 | Cartão (assistente) Neste layout, toda vez que os elementos vêm para o espaço do contêiner completo. Existe uma barra de ferramentas inferior no assistente para navegação. |
| 8 | Coluna Este layout é para mostrar várias colunas no contêiner. Podemos definir uma largura fixa ou percentual para as colunas. A largura percentual será calculada com base no tamanho total do contêiner. |
| 9 | Em forma Neste layout, o container é preenchido com um único painel. Quando não há um requisito específico relacionado ao layout, esse layout é usado. |
| 10 | Mesa Como o nome indica, esse layout organiza os componentes em um contêiner no formato de tabela HTML. |
| 11 | vBox Este layout permite que o elemento seja distribuído verticalmente. Este é um dos layouts mais usados. |
| 12 | hBox Este layout permite que o elemento seja distribuído de maneira horizontal. |