dijit/layout

Dojo nos permite crear diseños flexibles en nuestras aplicaciones web usando el paquete Dijit. Dijit/layout nos proporciona una serie de elementos para organizar nuestra interfaz Uno de los elementos más importantes para organizar elementos dentro de nuestros diseños es BorderContainer (dijit/layout/Container).

  • dijit/layout/BorderContainer
  • dijit/layout/ContentPane
  • dijit/layout/AccordionContainer
  • dijit/layout/AccordionPane
  • dijit/layout/LayoutContainer
  • dijit/layout/StackContainer
  • dijit/layout/TabContainer

En la siguiente imagen comprobamos cómo se organizan las interfaces normalmente con dijit. La parte de color gris corresponde al BorderContainer. Dentro de él se organizan los distintos elementos (color amarillo) según su posición (region: ...). Éstos suelen AccordionContainer, TabContainer o StackContainer. Es probable que dentro de alguno de estos últimos elementos queramos mostrar un contenido en concreto (color azul). Para ello se utiliza normalmente ContentPanes.

Ejemplo (con explicación de los layouts) Código completo Tutorial web Dojo

results matching ""

    No results matching ""