Erreur Non Interceptée: [Ext.createByAlias] Impossible de créer une instance de non reconnue alias: widget

Ici est un simple point de vue que je veux instancier : 

Ext.define('myapp.view.Home',{
    extend 'Ext.Panel',
    xtype : 'testpanel' ,
    config: {
        title:'home',
        iconCls:'home',
        cls : 'home',
        html: [
           '<h1> Hello Guys </h1>',
           '<p> some text goes here </p>'
        ].join("")
    }
});

j'ai ajouté à la vue de mon contrôleur comme suit : 

Ext.define('myapp.controller.Main', {
    extend : 'Ext.app.Controller',
    views : ['Home'],
    ...
}

j'ai utilisé le xtype dans mon application comme suit:

items:[{
    xtype : 'testpanel'
},

Encore, j'obtiens cette erreur :

Erreur Non Interceptée: [Ext.createByAlias] Impossible de créer une instance de non reconnue alias: widget.testpanel

J'apprécie votre aide.

1. votre espace de noms doivent commencer par une lettre majuscule. 2. alias:'widget.x'. 3. assurez-vous que le fichier est inclus (voyez-vous dans Firebug?)

OriginalL'auteur user1203861 | 2012-05-25

  1. 15

    Je pense que vous avez oublié d'ajouter ce point de vue dans app.js - Ext.L'Application "points de vue" tableau. Faire vérifier.

    OriginalL'auteur Swar

  2. 4

    Pourrait-il être corrigé par l'ajout de cette ?

    requires:[
  'myapp.view.Home'
]
    +1 ... oui, bon point! Chaque fois que vous créez un paresseux instance d'un objet à l'aide de xtype à l'intérieur d'un des éléments de tableau, de la même classe doit avoir le nom pleinement qualifié de la classe qui définit que xtype.

    OriginalL'auteur Titouan de Bailleul

  3. 3

    Vous avez besoin pour utiliser l'alias de la propriété, avec le widget préfixe.

    Ext.define('myapp.view.Home',{
    extend 'Ext.Panel',
    alias : 'widget.testpanel' ,
    config: {
        title:'home',
        iconCls:'home',
        cls : 'home',
        html: [
            '<h1> Hello Guys </h1>',
            '<p> some text goes here </p>'
        ].join("")
    }
});
    je pense que u peut utiliser l'alias ou xtype de la propriété , j'ai essayé les deux , et ils refont la même erreur

    OriginalL'auteur Macy Abbey

  4. 1

    je pense que u besoin de vérifier si les fichiers sont dans le bon répertoire.

    http://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture

    Ici u peut trouver les références pour comprendre ce qui pourrait être mauvais.

    Vérifier si l'objet myapp.vue.La maison est dans le répertoire app/view/Home.js

    alias doit être comme alias : 'widget.testpanel'

    et nécessite:['myapp.vue.La maison"],

    pourrait même que vous le post app.js fichier?

    OriginalL'auteur Hataru

  5. 1

    J'ai eu cette exception lorsque le xtype config/valeur de la propriété (du composant/objet de l'instance en cours de création) ne correspond pas au nom réel de l'xtype config de la classe xtype config/valeur de la propriété. Où l'instance est le plus paresseux de la mise en œuvre d'un composant à l'intérieur de son parent du composant éléments de config.

    OriginalL'auteur MacGyver

  6. -1

    Vous pouvez corrigé par l'ajout de la classe de contrôleur de la vue.

    contrôleur: 'ControllerClass',

    OriginalL'auteur Tashu