Foro

Viewport + Tab + Formulario (o otro objeto)

0
Hola, Hace mucho no me pasaba con alguna duda por aca ... <!-- s:P --><!-- s:P --> les cuento que estoy dando vueltas con un problema que no puedo resolver por lo menos no se para donde rajar. Estoy armando un portar que tiene un Viewport el mismo cuenta con un Arbol y cada vez que pica en alguna opcion en el zona central se carga un Tab nuevo... El tema es que llamo a una html y funciona bien, pero si este html incluye algo de Ext no lo levanta ni que lo maten... Seguramente me estoy confundiendo en algo muy basico, pero le doy vueltas a la api y no logro descrubrir nada... Si alguien tiene un ejemplo o si quieren subo alguna parte del codigo de lo que estoy haciendo. Ayuda please... Saludos y como siemrpe gracias de antemano.

4 Respuestas

Mejores votos Por fecha Solución
0
Como lo estas cargando el HTML dentro del panel (tab)? de ahi es que te podría aconsejar algo <!-- s;) --><!-- s;) -->
0
Tengo un Tree con listener, que llama a una funcion updatTab 
listeners: {
                click: function(n) {
                    switch(n.attributes.id)
                    {
                    case "1":
                         updateTab(n.attributes.id,n.attributes.text,'php/Manual.php',true);
                    break;
                    
                    case "2":
                         updateTab(n.attributes.id,n.attributes.text,'envio.html',true);
                    break;
                    case "3":
                         updateTab(n.attributes.id,n.attributes.text,'acerca.html',true);
                    break;
                    }
                }
            }
Y luego la funcion hace esto 
// Adds tab to center panel
    function addTab(tabTitle, targetUrl,closed){
      tabPanel.add({
      title: tabTitle,
      iconCls: 'tabs',
      autoLoad: {url: targetUrl, callback: this.initSearch, scope: this },
      //autoLoad:{url: targetUrl ,  params: 'foo=bar&wtf=1'},
      //load: {url: targetUrl},
      closable:closed
  }).show();
  }
//Agrega un tab Nuevo
    function updateTab(tabId,title, url, closed ) {
      var tab = tabPanel.getItem(tabId);
      if(tab){
        tab.getUpdater().update(url);
        tab.setTitle(title);
      }else{
        tab = addTab(title,url,closed);
      }
      tabPanel.setActiveTab(tab);
    }
Cualquier cosa que me falte informarte me avisas ??? y gracias de antemano... Saludos.-
0
Cuando hagas el update intenta debes indicarle que te ejecute los scripts que vendrán en la respeusta. 
tab.getUpdater().update({
        url: "tu-page.php",
        loadScripts: true
});
saludos
0
Muchas grancias lo voy a probar y luego te comento que paso, pero por otro lado, intente ponerlo todo en el mismo JS y tambien me tope con errores. Principalmente no tenia definido los xtype <!-- s:? --><!-- s:? --> cosa que no tenia idea, y cuando los defini al menos se empezaron a mostrar las cosas mal pero se mostraban. Las pude arreglar, lo que voy hacer ahora es ver si con los xtype y este consejo que me das puedo tenerlo como yo quiero en nuevas paginas. Eso me va a dejar el codigo mas ordenado y ademas me permite distribuirlo con un posible equipo de trabajo. Muchas gracias por tus aportes !!!!! SALUTES...

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.

Tags

Ext JS 3