Buenas, aqui estoy otra vez preguntando <!-- s:) --><!-- s:) -->. estoy con un proyecto, avanzando poco a poco. cada cierto rato comienzo de cero porque en la medida que voy aprendiendo me doy cuenta de mejores formas de hacer algunas cosas, pero como siempre en estos procesos de aprendizaje se topa uno con nuevos problemas que cuesta resolver al principio pero que despues de avanzado en conocimientos se ven muy simples. me ha ayudado mucho el encontrar un foro como este, sobretodo en español, porque aunque tengo algun dominio del ingles algunas cosas se me escapan. ademas tengo 2 libros de extjs que encontré por ahi <!-- s:roll: --><!-- s:roll: --> (y no fue facil, hasta chino tuve que aprender para meterme en cierto forillo por ahi <!-- s:twisted: --><!-- s:twisted: --> ) resumiendo. mi aplicacion consta de un viewport con un treepanel en su region oeste, este tree se carga con un menu desde una base de datos segun el usuario que haya ingresado. y cuando el usuario selecciona un nodo debe cargar una pagina en la region centro del vieport. so far so good, como dicen en gringolandia. el problema es que los elementos cargados en la region centro deben ser codigos con mas elementos exts, como grillas, gormularios, ect. logro cargar las paginas con el siguiente metodo:

	menuIzq.addListener('dblclick', function(nodo, e){  
		if(nodo.id>99){
		
			var contenido = Ext.getCmp('contenido');
			var titulo = nodo.text;//asignamos el titulo al tabs segun el nodo que elija el usuario
			var archivo = nodo.id;//asignamos el id del tab con el id del nodo y que es el nombre del archivo que llamaremos
			var open = !contenido.getItem(archivo);//creamos una bandera que me dira si el tab ya existe o no
			
			if (open){
			
				tab = new Ext.Panel({
				
					title:titulo,
					id:archivo,
					iconCls:'m'+archivo,
					closable:true,
					autoScroll:true,
					autoLoad:{url: 'js/'+archivo+'.js', scripts: true, scope: this} 
					
				});
				
				contenido.add(tab);
				tab.show();
				return;
			}
			
			tab = contenido.getItem(archivo);
			tab.show();
			
			
		}
	
	}); 

si en el archivo a llamar coloco un alert simple, algo asi como:

<script>
alert('esto');
</script>

funciona a las mil maravillas, pero no he podido cargar ningun elemento dentro tipo formulario o grilla. mi codigo para el viewport es el siguiente:

var viewport = new Ext.Viewport({
		
		layout:'border',
		renderTo: document.body,
		items: [{
		
				region:'north',
				xtype: 'toolbar',
				height:30,
				items:[{
					xtype:'tbbutton',
					iconCls:'usuario',
					text:'Usuario: <b>Pedro Constanzo</b>'
					
				},'->',{
					xtype:'tbsplit',
					iconCls:'salir',
					text:'Salir',
					menu:[{
						
						iconCls:'salir',
						text:'Salir'
					},{
						iconCls:'cambiar_usuario',
						text:'Cambiar Usuario'
					
					
					}]
					
					
				
				}] 
				
			},{
			
			region:'west',
			
			xtype:'panel',
			split:true,
			collapsible:true,
			collapseMode:'mini',
			title:'Modulos',
			width:200,
			minSize:200,
			maxSize:200,
			items:[menuIzq]
		},{
		
			region:'center',
			id:'contenido',
			xtype:'tabpanel',
			activeTab:0,
			enableTabScroll:true,
			items:[{
				title:'Inicio',
				html:'centro'
			}]
		
		},{
			
			region:'east',
			xtype:'panel',
			split:true,
			width:200,
			html:'este'
			
		}]
	});

haber si alguien me echa una manito <!-- s:?: --><!-- s:?: --> pd: si alguien quiere dichos libros, y siempre que eso no infrinja las reglas del foro, que me mande PM <!-- s;) --><!-- s;) -->