Les dejo un ejemplo de como usar el Ext.ux.Plugin.RemoteComponent, que tanto recomiendo.

Sirve para cargar archivos JavaScript dentro de un Ext.Panel de manera remota, donde éste archivo, contiene más componentes Ext JS.

Saludos.

PD: Asegúrense de correrlo bajo Apache u cualquier otro tipo de servidor, ya que utiliza llamadas Ajax.

que buen aporte, esto sirve para vitar que cargue todo el soft en una sola ves demorando la descarga de la aplicacion?

edwing_co escribió:que buen aporte, esto sirve para vitar que cargue todo el soft en una sola ves demorando la descarga de la aplicacion?

Claro, de ésta manera podemos cargar archivos externos a medida que el usuario los solicite para que luego, sean visualizados dentro de un Ext.Panel.

buen aporte..gracias

Hola Ramiro,

estoy probando tu plugin que me parece muy util pero no acaba de funcionarme. Querria saber si hay que hacer algo especial en el fichero js que llamas desde la funcion en la página principal ya que en tu ejemplo el prueba.js esta como dentro de una funcion.

En mi caso, tengo un fichero js con varias extensiones para el mantenimiento de usuarios, añadir, editar, borrar y listar y hasta ahora incluia este fichero js en mi pagina principal de la aplicación y usaba las extensiones como xtype, pero usuarios es sólo un módulo de la aplicación y habra muchos más, productos, categorias, etc y el RemoteComponent me iria muy bien para hacer solo las llamadas a los módulos que se requieran y no tener que cargar todo desde el inicio. En mi caso, como te decía tengo un tree con todos los enlaces y una función que me abre dinamicamente una pestaña nueva para cada item del tree menu asociado con una extension xtype.

He modificado un poco tu función de llamada para adaptarla a lo que te comento y tengo un error en la famosa linea 7 del ext-all que no se ver. Te copio la función por si te sirve.

En principio la función me abre la nueva pestaña y le da el nombre correspondiente, pero luego el panel queda en blanco y no me carga el js asociado a la url (id del tree node), en este caso usuarios.js que como te decía contiene extensiones xtype para el mantenimiento de usuarios.

Código: Seleccionar todo

function AddTabJsExt(n){
var title = n.text;
   var config = Ext.applyIf({title: title}, window[n.id]);
   config.title = title;
   config.closable = true;
   config.plugins = new Ext.ux.Plugin.RemoteComponent({
      url: n.attributes.id
     ,method: 'GET'
     ,loadOn: 'show'
   });
   config.autoScroll = true;   
   var tp = Ext.getCmp('content-panel');
   var tab = tp.items.find(function(p){
      return p.title === title
   });
   if(!tab){
      tab = tp.add(config);
      tp.doLayout();
   }
   tp.setActiveTab(tab);
}


Muchas gracias de antemano,
Lola

Te recomiendo respetar la estructura de archivo JS que planteé yo.

No entiendo bien la estructura que planteas para devolver ? que seria ? una función ? un objeto ?

fercho07 escribió:No entiendo bien la estructura que planteas para devolver ? que seria ? una función ? un objeto ?

Sería una función que dentro contiene todos los objetos de los componentes Ext.

Hola, tengo una duda respecto a este componente que tiene una pinta maravillosa.

Siguiendo el ejemplo puesto: Si cargo el mismo formulario en 2 tabs diferentes, ¿como accedo luego a los campos de cada uno de los formularios, por ejemplo al combo del primer formulario?. Es más, para explicarme mejor, como podría hacer para al seleccionar algo en el combo del tabpanel1 que automaticamente se seleccionase lo mismo en el combo del tabpanel2.

Si tuviesen un id, lo haría con var el = Ext.getCmp(id)......

Soy muy nuevo en esto, así que perdón por la pregunta que será una tonteria pero no me queda nada claro.

Saludos y gracias

gracias por la ayuda, ahora me surgio que no me carga el archivo .js que esta en url, incluso el de tu ejemplo se queda cargando y no muestra nada a que se debera? desde ya gracias.

Asegurate que lo estés corriendo bajo Apache, y utilizá el Firebug para ver si está retornando bien el contenido de los archivos JS.

HOLA RAMIRO. ESTOY HACIENDO PRUEBA CON EL PLUGIN PERO NO SABES COMO PUEDO HACER MI SEGUIMIENTO DE ERROR CON EL FIREBUG DE FIREFOX CUANDO CARGO EL JS

Usando la función de debug del Firebug y usando la librería ext-all-debug.all.

como cargo una funcion dentro del modulo? es decir como declaro una función dentro de

Código: Seleccionar todo

(function(){})()


gracias.

Hola ramiro mira yo tengo un proyecto en pmapper que esta hecho con Jquery le agregue extjs y todo funciona perfecto.
en ese proyecto tengo una funcion asi

Código: Seleccionar todo

    showMultifamiliar: function() {
        var direccion;
            direccion = 'indexMultifamiliar.php';
        $.ajax({
            type: "POST",
            url: PM_PLUGIN_LOCATION + '/postgis/' + direccion,
            dataType: "html",
            success: function(response) {
                $('#ventanaExt').html(response);
            }
        });
    }

lo que hay en la url es codijo html y java script que se dibuja en el div perfecto pero
como hago exto $('#ventanaExt').html(response);

con Extjs