Hola! Que tal? Escribo desde España, he seguido los videos del curso de Ext JS y la verdad es que os felicito, están todos muy muy bien explicados, os animo a continuar con este proyecto. El motivo de registrarme en el foro es que llevo aproximadamente un mes iniciandome con Ext JS y tambien con Java Script, estoy desarrollando el front - end de una aplicación y la verdad es que me lio un poco. No sé si lo estoy haciendo bien del todo. Os cuento, en mi aplicación tengo una ventana para visualizar las empresas, he elegido un layout de tipo acordeon, de esta forma en el primer item del acordeon tengo un grid con las empresas, en el segundo item del acordeon tengo un tab panel, donde se muestran la ficha de cada empresa. El caso es que quiero que cuando se pulse en la barra de herramientas del grid "añadir empresa" se muestre el segundo item del panel para poder introducir los datos. Sé que la pregunta es muy tonta, y se resolverá facil, pero no lo consigo. Lo he intentado con .show pero no me hace caso. <!-- s:( --><!-- s:( --> Os dejo el código por si os resulta mas fácil de entender:

win = desktop.createWindow({
                id: 'acc-win',
                title: 'Empresa',
                width:740,
                height:550,
	   minWidth: 300,
	  minHeight: 200,
                iconCls: 'empresa',
                shim:false,
                animCollapse:false,
                constrainHeader:false,
                layout:'accordion',
                border:false,
               
				items:[{
						xtype: 'panel',
						layout:'fit',
						width: 450,
						title: 'Lista',
						items: [
							new Ext.grid.GridPanel({
								border:false,
								height:300,
								ds: new Ext.data.Store({
									reader: new Ext.data.ArrayReader({}, [
										{name: 'ID'},
										{name: 'Denominacion'},
										{name: 'Provincia'},
										{name: 'Telefono', type: 'float'}
									]),
									data: Ext.grid.bissData
								}),
								cm: new Ext.grid.ColumnModel([
									new Ext.grid.RowNumberer(),
									{header: "ID", width: 30, sortable: true, dataIndex: 'ID'},
									{header: "Denominación", width: 120, sortable: true, dataIndex: 'Denominacion'},
									{header: "Provincia", width: 70, sortable: true, dataIndex: 'Provincia'},
									{header: "Telefono", width: 70, sortable: true, dataIndex: 'Telefono'}
								]),
								viewConfig: {
									forceFit:true
								},
							
								tbar:[{
									text:'Añadir Empresa',
									tooltip:'Pulsa Añadir para habilitar los campos',
									iconCls:'aniadirEmpresa',
									listeners :{
										click: function(){
											panelDetallesEmpresa.show();
										}
									}
								}, '-', {
									text:'Eliminar Empresa',
									tooltip:'Pulsa Eliminar para borrar la empresa seleccionada',
									iconCls:'borrarEmpresa'
								},'-',{
									text:'Editar Empresa',
									tooltip:'Pulsa editar para modificar los atributos de la empresa seleccionada',
									iconCls:'modificarEmpresa'
								}]
							})
						]
					}, panelDetallesEmpresa
                    ,{
                        title: 'Buscador',
                        html : '<p>Something useful would be in here.</p>'
                    }
                ]
            });
        }
        win.show();
    }
});

Aqui os dejo el código del panel "detalles de la empresa" este es el de tipo panel:

panelDetallesEmpresa = new Ext.Panel({
	xtype: 'panel',
	layout:'fit',
	width: 450,
	title: 'Detalles',
	items: [tabula
	] 
 });

Y el "tabula" que es de tipo tab:

tabula = new Ext.TabPanel({
	activeTab:0,
	title: 'Detalles',
	items: [
			PanelDatosGeneralesEmpresa,
			PanelImagenCorporativa,
			PanelServiciosContratados,
			PanelHistorial
		]
});

Espero que me puedan ayudar, mil gracias por adelantado <!-- s;) --><!-- s;) -->