¿Cómo ocultar la pestaña en ExtJS 4? Ext.getCmp ("mytab"). Hide() no funciona ¿Alguien me puede ayudar?Cómo ocultar la pestaña en ExtJS 4
6
A
Respuesta
19
Lea la documentación aquí: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tab.Panel
Ellos dan un ejemplo específico de cómo ocultar las pestañas
Extraído de enlace:
var tabs = Ext.create('Ext.tab.Panel', {
width: 400,
height: 400,
renderTo: document.body,
items: [{
title: 'Home',
html: 'Home',
itemId: 'home'
}, {
title: 'Users',
html: 'Users',
itemId: 'users',
hidden: true
}, {
title: 'Tickets',
html: 'Tickets',
itemId: 'tickets'
}]
});
setTimeout(function() {
tabs.child('#home')
.tab.hide();
var users = tabs.child('#users');
users.tab.show();
tabs.setActiveTab(users);
}, 1000);
-3
Este es mi ejemplo para activar/desactivar el contenido de la pestaña .
En este ejemplo, tenemos un botón llamado "Desabilitar", haga clic en él y se desactivará el primer elemento secundario de la pestaña. El contenido de la pestaña se habilitará en 9 segundos.
1
Si su panel de pestañas tiene ID, y los componentes tienen identificación o ID de artículo, puede hacer lo siguiente:.. Ext.getCmp ('TAB_PANEL_ID') getComponent ('ITEM_ID') tab.hide()
Por ejemplo,
var tabPanel = Ext.create("Ext.tab.Panel", {
id: 'TAB_PANEL_ID',
renderTo: Ext.getBody(),
items:[{
title: 'Tab 1',
itemId: 'TAB_1',
html: 'This is the first tab'
},{
title: 'Tab 2',
itemId: 'TAB_2',
html: 'This is the second tab'
},{
title: 'Tab 3',
itemId: 'TAB_3',
html: 'This is the third tab'
}]
});
// You may want to add following in function body or inside event handler.
// Hide the second tab:
Ext.getCmp('TAB_PANEL_ID').getComponent('TAB_2').tab.hide();
// Show the second tab:
Ext.getCmp('TAB_PANEL_ID').getComponent('TAB_2').tab.show();
Cuestiones relacionadas
- 1. ExtJs 4 ... ¿Cómo extender los componentes de Extjs 4?
- 2. Extjs 3 a Extjs 4
- 3. ¿Cómo ocultar filas en ExtJS GridPanel?
- 4. ExtJS ComboBox 4 Autocompletar
- 5. Ext.js 4.x Ventana acoplable como pestaña
- 6. ExtJS 4 code assist
- 7. Columna ExtJS 4 "Renderer" en la cuadrícula
- 8. ¿Cómo usar Ext.define en ExtJS 4?
- 9. Cómo obtener elemento hijo en ExtJS 4
- 10. Extjs 4 Grid findcolumn
- 11. Ocultar Título del Panel ExtJS
- 12. Ocultar cuadrícula ExtJS Columna encabezado
- 13. Cómo establecer 4 pestaña espacio en bash
- 14. ¿Cómo mostrar/ocultar/alternar elemento con ExtJS?
- 15. ExtJS 4 - Problemas con JsonStore + Post Request
- 16. ¿Cómo se realiza la herencia del controlador en ExtJS 4?
- 17. rutas relativas utilizando extjs 4
- 18. Cómo empaquetar (minify) una aplicación extjs 4
- 19. Componente Extjs dentro de Ext.XPlantilla en EXTJS 4
- 20. Modelo dinámico con ExtJS 4
- 21. Cómo ocultar StatusBar en Android 4
- 22. Técnica adecuada para cerrar una pestaña ExtJS
- 23. Best ExtJs 4 theme resource
- 24. ExtJS 4 Convenciones de nomenclatura
- 25. ExtJs 4 - Arrastrar y soltar en la misma cuadrícula
- 26. ExtJS 4 "siempre en la parte superior" Ventana
- 27. Controlador de extensión en la aplicación ExtJS 4 MVC
- 28. Extjs combobox: ocultar el valor seleccionado de la lista desplegable
- 29. Qt: ocultar el borde de la pestaña seleccionada en QTabBar
- 30. ExtJS 4 - ¿Cómo editar condicionalmente una celda en una cuadrícula?
I utilizarse tabs.hideTabStripItem () y tabs.unhideTabStripItem () –