Ext.js: diseños
El diseño es la forma en que se organizan los elementos en un contenedor. Puede ser horizontal, vertical o cualquier otro. Ext JS tiene un diseño diferente definido en su biblioteca, pero también podemos escribir diseños personalizados.
| No Señor | Diseño y descripción |
|---|---|
| 1 | Absoluto Este diseño permite colocar los elementos utilizando coordenadas XY en el contenedor. |
| 2 | Acordeón Este diseño permite colocar todos los elementos en forma de pila (uno encima del otro) dentro del contenedor. |
| 3 | Ancla Este diseño le da al usuario el privilegio de especificar el tamaño de cada elemento con respecto al tamaño del contenedor. |
| 4 | Frontera En este diseño, varios paneles están anidados y separados por bordes. |
| 5 | Auto Este es el diseño predeterminado que decide el diseño de los elementos en función del número de elementos. |
| 6 | Tarjeta (TabPanel) Este diseño organiza diferentes componentes en forma de pestaña. Las pestañas se mostrarán en la parte superior del contenedor. Cada vez, solo una pestaña es visible y cada pestaña se considera un componente diferente. |
| 7 | Tarjeta (mago) En este diseño, cada vez que los elementos vienen por espacio de contenedor completo. Hay una barra de herramientas inferior en el asistente para la navegación. |
| 8 | Columna Este diseño sirve para mostrar varias columnas en el contenedor. Podemos definir un ancho fijo o porcentual para las columnas. El ancho porcentual se calculará en función del tamaño completo del contenedor. |
| 9 | Ajuste En este diseño, el contenedor se llena con un solo panel. Cuando no hay ningún requisito específico relacionado con el diseño, se utiliza este diseño. |
| 10 | Mesa Como su nombre lo indica, este diseño organiza los componentes en un contenedor en formato de tabla HTML. |
| 11 | vBox Esta disposición permite distribuir el elemento de forma vertical. Este es uno de los diseños más utilizados. |
| 12 | hBox Esta disposición permite distribuir el elemento de forma horizontal. |