Pourquoi Ext.Loader d'ExtJS 3 semble-t-il manquer des pièces et n'afficher aucune grille?

Question

J'ai une grille de données ExtJS 3 avec plusieurs fonctions supplémentaires qui ne s'affichent pas. La console JavaScript me porte à croire qu'il manque des pièces à Ext.

J'importe, avec un succès apparent:

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

J'ai, dans mon script:

    <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 affiche une erreur:

Uncaught TypeError: Object # n'a pas de méthode 'setConfig'

Le numéro de ligne appartient à la setConfig ci-dessus. Si je commente l'appel setConfig (), j'obtiens la même erreur de base pour setPath (), la méthode require () est critiquée.

Y a-t-il autre chose que je dois importer? J'ai vérifié que les ressources se trouvaient dans les chemins attendus et il semble qu'elles soient servies et reçues correctement.

J'aimerais savoir ce qu'il faut faire pour corriger cette erreur.

Merci,

<₹--EDIT--

J'ai maintenant:

    <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'
          ]);

Je reçois des messages d'erreur sur la console JavaScript indiquant qu'elle a essayé de charger (404) Ext.grid. * etc. à partir du même répertoire.

Comment spécifier le (s) bon (s) chemin (s) de recherche?

Answer 1

Vous mélangez le nouveau Ext.Loader Ext JS 4 avec le Ext.Loader Ext JS 3.Votre code inclut Ext JS 3 pendant que vous utilisez la syntaxe et l'API de Ext.Loader d'Ext JS 4.

La ancienne documentation de l'API Ext JS 3 se trouve ici: http://dev.sencha.com/deploy/ext-3.3.1/docs/

< EDIT

L ' ancien chargeur Ext JS 3 ne prend pas en charge le mappage des noms de classe aux chemins, donc le chargeur prend uniquement un tableau de chemins de fichiers comme argument.Veuillez également noter que le chargement se fait de manière asynchrone afin que vos fichiers chargés ne soient disponibles qu'une fois le chargement terminé.