Como carregar código javascript Ext dinâmicamente

[aureliosaraiva]

Ola galera,

segue abaixo uma nova funcionalidade que adicionei a Ext.require.

Segue abaixo as mudanças.

if (obj && obj.prototype && obj.prototype.$depends) {
                  // @TODO aureliosaraiva@gmail.com
                  // verifica se tem alguma regra para carregar as
                  // dependencias
                  if (typeof(obj.prototype.$depends) == 'function') {
                     var $depends = obj.prototype.$depends();
                  } else {
                     var $depends = obj.prototype.$depends;
                  }

                  // if(window[module] && window[module].prototype &&
                  // window[module].prototype.$depends)

                  // fim

                  var dependents = [].concat($depends);

                  // remove dos dependentes os ja carregados
                  for (var i = dependents.length - 1; i != -1; i--) {
                     if (modulesLoaded[dependents] == true)
                        dependents.pop();
                  }

                  // se existe ainda dependentes para carregar
                  if (dependents.length) {
                     this.totalToLoad++;
                     Ext.require($depends, this.moduleCallback, this);
                  }
               }

Código:

ProdutoCadastro = Ext.extend({

    $depends: function(){
       var m = ['CategoriaLista']
       if(test==true){
           m.push('FabricanteLista');
       }
       return m;
}

    //..demais atributos, métodos, etc...

});

Espero que essa necessidade que eu tive seja util a alguem!

[evertonce]

Fantástico Bruno belo trabalho parabéns.

[tupetao_89]

tem como ja instanciar dinamicamente tb?

pq no caso :

Código:

Ext.require('Usuario/UsuarioCadastro',function()
{

          //Cria instancia da classe
          new UsuarioCadastro().show();
         

});

agente tem q dar um new com o nome da classe...

tem como ser mais generico, e no caso de uma "window", por exemplo, dar um "show" sem saber precisa por o nome da classe...

se ao carregar o script, retornasse uma instancia creio q daria p fazer isso...

essa classe faz isso???

[Rodrigo, Kptão Nascimento]

n sei se tem, mas uma saída pratica seria

Código:

var module = 'Usuario/UsuarioCadastro';
Ext.require(module,function()
{
          //Cria instancia da classe
          new window[module.split('/').pop()]().show()
});

[tupetao_89]

vlw Rodrido, vou testar aki....

[aureliosaraiva]

Galera fiz uma mudança que me favorece em organização.

Código:

 var script = document.createElement("script")
    script.setAttribute('type','text/javascript');

[color=red][b] var modulePath = module.replace(/\./g, '/');
       script.setAttribute('src', Ext.require.moduleUrl + modulePath + '.js');[/b][/color]

Então eu posso ter a seguinte estrutura de diretorio.

Ext /
   ux /
       form /
          TextMask.js
       grid /
          OutroComponente.js


e dentro eu tenho um classe

Ext.ux.form.TextMask

Ext.ux.form.OutroComponente

Quando preciso carregar algo faço isso

Ext.require(['Ext.ux.form.TextMask']...)

Ele busca esse arquivo para min.
O bom é que fica tudo organizado.