¿Es posible tener ExtJsToolBar con líneas múltiples? Quiero algunos controles en la primera línea y 3 ExtJsButtons en la 2da. La barra de herramientas es la barra de herramientas superior de un Panel.ExtJS Toolbar con múltiples filas
Respuesta
Usted no ha mencionado a lo widget te gusta añadir barras de herramientas, pero en general se puede añadir tantas barras de herramientas que desee:
var panel = new Ext.Panel();
var tool1 = new Ext.Toolbar({...});
var tool2 = new Ext.Toolbar({...});
panel.add(tool1);
panel.add(tool2);
...
Si quieres añadir la barra de herramientas adicional para la parte superior de la rejilla , luego encuentre el componente del panel de la cuadrícula y añádale barras de herramientas. Se podría tener este aspecto (no probado):
tPanel = grid.getTopToolbar().ownerCt; // get top toolbar's container panel
tPanel.add(anotherToolbar);
No estoy seguro, si es posible o no, pero lo que siempre se puede hacer es dividir el área norte (si usa el diseño de borde por ejemplo) en dos filas mediante el diseño de filas. Luego puede agregar una barra de herramientas a la fila superior y la otra a la segunda fila.
No estoy seguro si esto es exactamente lo que está buscando, pero las barras de herramientas se ha renovado en Ext 3.0.
Es posible que desee echar un vistazo a: http://extjs.com/deploy/ext-3.0-rc1.1/examples/toolbar/toolbars.html
mirada a este tema en el foro Ext. Describe cómo crear una barra de herramientas y representarla en una barra de herramientas existente.
No está seguro acerca de las versiones anteriores, pero a partir de ExtJS 4.0 puede hacerlo de esta manera cuando se está definiendo la red:
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
{text:'Toolbar 1 Button 1'},
{text:'Toolbar 1 Button 2'}
]
},
{
xtype: 'toolbar',
dock: 'top',
items: [
{text:'Toolbar 2 Button 1'}
]
}
],
http://dev.sencha.com/deploy/ext-4.0.2a/docs/#/api/Ext.panel.Panel
¿Qué pasa con su dockedItems
mucho más simple también.
var toolbar1 = {
xtype : 'toolbar',
dock : 'top', // bottom, right, left
items: [...]
};
var toolbar2 = {
xtype : 'toolbar',
dock : 'top',
items: [...]
};
Ext.create('Ext.panel.Panel', {
dockedItems: [toolbar1,toolbar2]
});
Sé que es bastante viejo y ya ha respondido, puede ser que puede ayudar a alguien :)
- 1. ExtJS Button Style Toolbar
- 2. ExtJS Grid Panel - ¿Múltiples "filas" por fila?
- 3. ¿Cómo ocultar filas en ExtJS GridPanel?
- 4. deshabilitar filas en la cuadrícula extjs
- 5. Actualizar varias filas con múltiples valores y múltiples condiciones mysql
- 6. ¿Hay algún controlador de eventos en los botones de EXTJS Paging Toolbar?
- 7. ¿Cómo eliminar múltiples filas?
- 8. SQL Insertar múltiples filas
- 9. ALV Grid missing toolbar
- 10. jqGrid Filter Toolbar valor predeterminado inicial
- 11. Cómo filtrar múltiples columnas de cuadrícula extjs?
- 12. ExtJS 4 seleccionar múltiples casillas de verificación CheckColumn con casillero de casilla de verificación
- 13. Django debug toolbar logging
- 14. postgresql insertar múltiples filas - error
- 15. ¿Cómo agregar filas vacías a la cuadrícula ExtJS?
- 16. ExtJS: devolver filas/registros totales en la tienda json
- 17. Seleccionar múltiples filas de JTable
- 18. PostgreSQL: cómo combinar múltiples filas?
- 19. Menú desplegable en WPF Toolbar
- 20. Django Debug Toolbar Instalar problemas
- 21. Mostrar elementos en múltiples filas usando CSS
- 22. MySQL, filas múltiples para separar campos
- 23. ¿Cómo seleccionar múltiples filas llenas de constantes?
- 24. filas que muestran múltiples veces en GridView
- 25. Separating excel selección de múltiples filas
- 26. Extjs radiogroup con los botones
- 27. ¿Experiencia usando extjs con griales?
- 28. ExtJS directo con ASP.NET MVC
- 29. Modelo dinámico con ExtJS 4
- 30. ¿Cómo manejar múltiples ResultSets, cada uno con múltiples filas? IDataReader.NextResult() ending Read()
Un segundo ejemplo funciona bien, gracias! – Andron