Perché Ext.Loader di ExtJS 3 sembra mancare di parti e non visualizzare una griglia?

Question

Ho un datagrid ExtJS 3 con diverse funzioni aggiunte che non vengono visualizzate.La console JavaScript mi ​​porta a credere che a Ext manchino parti.

Importo, con apparente successo:

  <script type="text/javascript"
    src="/extjs3/adapter/ext/ext-base-debug.js"> 
  </script> 
  <script type="text/javascript"
    src="/extjs3/ext-all-debug.js"></script>

Ho, nella mia sceneggiatura:

    <script type="text/javascript"> 
        Ext.Loader.setConfig({
          enabled: true
          });
        Ext.Loader.setPath('Ext.ux', '../ux');
        Ext.require(['Ext.selection.cellModel',
          'Ext.grid.*',
          'Ext.data.*',
          'Ext.util.*',
          'Ext.state.*',
          'Ext.form.*',
          'Ext.ux.CheckColumn'
          ]);

Chrome visualizza un errore:

Errore di tipo non rilevato:L'oggetto n. non ha il metodo 'setConfig'

Il numero di riga appartiene al setConfig sopra.Se commento la chiamata setConfig(), ottengo lo stesso errore di base per setPath(), si lamenta del metodo require().

C'è qualcos'altro che devo importare?Ho controllato che le risorse si trovassero nei percorsi previsti e sembra che vengano fornite e ricevute correttamente.

Vorrei sapere cosa è necessario fare per risolvere questo errore.

Grazie,

--MODIFICARE--

ora ho:

    <script type="text/javascript"> 
        /*
        Ext.Loader.setConfig({
          enabled: true
          });
        Ext.Loader.setPath('Ext.ux', '../ux');
        */
        Ext.Loader.load(['Ext.selection.cellModel',
          'Ext.grid.*',
          'Ext.data.*',
          'Ext.util.*',
          'Ext.state.*',
          'Ext.form.*',
          'Ext.ux.CheckColumn'
          ]);

Ricevo messaggi di errore sulla console JavaScript che dicono che ha tentato di caricare (404) Ext.grid.* ecc.dalla stessa directory.

Come posso specificare i percorsi corretti in cui eseguire la ricerca?

Answer 1

Stai mixando il nuovo Ext JS 4 Ext.Loader con Ext JS 3 Ext.Loader.Il tuo codice include Ext JS 3 mentre utilizzi la sintassi e l'API di Ext.Loader da Ext JS 4.

IL vecchio La documentazione dell'API Ext JS 3 può essere trovata qui: http://dev.sencha.com/deploy/ext-3.3.1/docs/

MODIFICARE

IL vecchio Il caricatore Ext JS 3 non supporta la mappatura dei nomi delle classi sui percorsi, quindi il caricatore accetta solo un array di percorsi di file come argomento.Tieni inoltre presente che il caricamento viene eseguito in modo asincrono, quindi i file caricati sono disponibili solo al termine del caricamento.