Ajouter dynamiquement des xtype articles pour le panneau avec slidenavigatoin

Donc j'essaye de mettre des articles de façon dynamique pour le panneau qui a slidenavigation fonctionnalité:

//FlyoutNavigation.js 
Ext.define("APN.vue.FlyoutNavigation", { 
id: "flyoutNavigationPanel", 
étendre: 'Ext.ux.slidenavigation.La vue',

Ici est l'initialisation de la view dans un autre point de vue:

 //MainViewContainer.js 
c'.domicile = "Certains var" 
c'.volant = Ext.create('APN.vue.FlyoutNavigation', { 
id: 'flyoutNavigationPanel', 
maison: cette.la maison 
});

Que je suis en train d'utiliser cette variable dans le this.config.items section, cependant cela ne fonctionne pas, il semble que le Sencha compile tout d'abord et que initialiases les composants, j'ai peut-être tort, je suis vraiment nouveau dans Sencha Cadre.

Voici donc le point de vue où l' home variable est utilisée:

Ext.define("APN.vue.FlyoutNavigation", { 
id: "flyoutNavigationPanel", 
étendre: 'Ext.ux.slidenavigation.La vue', 
xtype: 'flyoutnavigation', 
nécessite: [ 
... des tas de choses omis ... 
], 
initialiser: function () { 
c'.callParent(); 
c'.setupDynamicItems(); 
}, 
config: { 
articles: [ 
{ 
itemId: 'nav_home', 
id: 'homeView', 
articles: [{ 
xtype: 'articlelist', 
id: 'latestNews', 
feedUrlName: ce.home, //- c'est le lieu où se produit pas défini 
flex: 1 
} 
], 
},

Donc this.home est pas défini...

Une solution possible
En venant de cette question: Comment créer dynamiquement xtype de modèles dans le Sencha Touch

J'ai décidé de mettre tout le code dans this.config.items.add({ ... my items ... }) cependant Ext.ux.slidenavigation.View ressemble m'a donné la piqûre! 🙁 comme l'initialisation de la méthode se produit après la méthode de reliure sur les éléments de FlyoutNavigation vue.

Voici le message du bug: Uncaught TypeError: Cannot read property 'raw' of undefined View.js:310 qui est fondamentalement cette ligne: if (Ext.isFunction(item.raw.handler)) {

Donc mes questions serait

  1. Comment faire pour obtenir l'instance de la variable dans le fichier de configuration.les éléments de la section? Si c'est possible, que tout est OK
  2. Ou connaissez-vous le travail autour de cette question?

Grâce

InformationsquelleAutor Jackie Chan | 2013-05-20
  1. 3

    Je ne pense pas que vous pouvez utiliser this.config lors de la définition de la classe, au lieu de cela, vous pouvez utiliser la fonction d'initialisation comme je vous l'ai dit plus tôt. Donc, vous devriez être en mesure de le faire:

    initialize : function() {
    var me = this;
    var home = me.config.home;
    me.add({
        itemId: 'nav_home',
        id: 'homeView',
        items: [{
                xtype: 'articlelist',
                id: 'latestNews',
                feedUrlName: home,
                flex: 1
            }
        ],
    });
}

    OU si vous avez défini homeView dans la classe parent, vous pouvez faire ceci:

    initialize : function() {
    var me = this;
    var home = me.config.home;
    me.down('#homeView').add({
        xtype: 'articlelist',
        id: 'latestNews',
        feedUrlName: home,
        flex: 1
    });
}
    • Uncaught TypeError: Object [object Object] has no method 'getDocked' Semble items: [] renvoie cette question
    • De ce que je vois, les éléments doivent être déclarés avant l'initialisation
    • J'ai déménagé trucs à initialiser, encore je ne sais pas quel est le problème avec getDocked
    • Et il y a une autre question, je crois que vous devriez être au courant 🙂 stackoverflow.com/questions/16661061/...
    • mon adresse e-mail est-il dans le profil, vous pouvez l'utiliser à me contacter pour de futures offres 😉
    • Voulez-vous vérifier cette question: stackoverflow.com/questions/17142028/...

    InformationsquelleAutor ThinkFloyd