hola, alguien podria echarme una manito con lo sgte? tengo un viewport que en su zona centro tiene un tabpanel y en la zona Oeste un arbol (menu) que cuando haces clic en un elemento carga un iframe en el tabpanel, hasta ahi todo parejito. intento que durante la carga me aparezca el mensajito de 'cargando...' en el tab que está efectivamente cargando. he logrado que aparezca el mensajito agregando un listener al objeto ext.ux.iframe:

Ext.ux.IFrameComponent = Ext.extend(Ext.BoxComponent,{
	onRender: function (ct, position){
		this.el = ct.createChild({tag:'iframe', id: 'iframe-'+ this.id, frameBorder:0, src:this.url});
	},
	listeners : {
		beforerender : function(c){
			Ext.getCmp(c.id).getEl().mask('Loading....', 'x-mask-loading');
		},
		afterrender : function(c){
			Ext.getCmp(c.id).getEl().unmask();
		}
	}
});

pero desaparece mucho antes de que en realidad se vea la pagina, imagino que es porque no está controlando en realidad cuando se carga la pagina. Por eso he intentado hacer el unmask desde el codigo de la pagina que se carga pero no he logrado hacerlo porque el Ext.getCmp('id_del_tab'); no me funciona. alguna idea?