Extjs Envolviendo elementos de forma dinámica en un contenedor

Question

¿Por qué es tan difícil? Tengo un contenedor, diseño: 'hbox' y una colección de botones en él. El problema es que los botones continúan más allá de los límites correctos del contenedor. ¿Cuáles son los mejores métodos de práctica para envolver contenido dentro de un contenedor? ¿Debo simplemente flotar: "dejó" mis artículos para niños? Puedo usar anchos fijos en todas partes, mi sitio no cambia de tamaño horizontalmente.

Answer 1

La manera correcta de hacer lo que estaba buscando aquí era usar layout:'column' que trataría a sus hijos como divs flotantes.

Answer 2

El diseño de hbox no es el diseño adecuado si desea que el contenido se desborde en la siguiente 'fila'. Hbox alinea y distribuye componentes en un ancho fijo en una sola fila. Mejor se adhiere al diseño 'automático' (que es el predeterminado) y permite que el navegador controle el desbordamiento a través del float de CSS (tal como lo mencionó).

Como alternativa, se puede usar Ext.toolbar.Toolbar#enableOverflow - véase la página Configurar docs

true para que la barra de herramientas proporciona un botón que activa un menú desplegable para mostrar los elementos que desbordan el ancho de la barra de herramientas.