sencha touch 1 (ext3?), remplissage des feuilles d'une liste avec un store modifié avec un id

[eilijah]

Bonsoir,

Je crois que sencha touch 1.1.1 ressemble à ext3 je tente donc ma chance ici.
J'ai une NestedList dont le store contient juste un menu ou les elements feuille ont un id. Mon but est d'utiliser cet id pour charger à chaque fois la feuille correspondante avec ses données propres.
J'ai donc 2 store un pour la liste et un pour les feuilles auquel je passe l'id.
Cependant je pense que le temps que le store de la feuille fasse sa requete ma vue est deja apparue.

Mes stores :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
mytest.stores.contentStore = new Ext.data.TreeStore({    model:'Content',
    proxy: {
        type: 'scripttag',
        url: "http://www.mytest.com/myJsonpProxy.php",
        extraParams:{
            flux_name:"flux-mobile",
        },
        reader: {
            root: 'menus',
            type: 'myJsonTreeReader'
        }
    }
});
 
 
mytest.stores.contentItemStore = new Ext.data.Store({
    storeId: "contentItemStore",
    model:'ContentItem',
    proxy: {
        type: 'scripttag',
        url: "http://www.mytest.com/myJsonpProxy.php",
        extraParams:{
            flux_name:"flux-articles",
            // nid: 0
        },
        reader: {
            root: 'story',
            type: 'myJsonReader'
        }
    }
});

Ma liste :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
mytest.views.ContentsList = Ext.extend(Ext.MyNestedList, {    fullscreen: true,
    useTitleAsBackText:false,
    updateTitleText:false,
    toolbar:{
        title: mytest.config.logo,
        ui: 'my',
        items: []
    },
    title: 'Content',
    iconCls  : 'home',
    store: mytest.stores.contentStore,
    getItemTextTpl: function() {
        return '<tpl for=".">'+
            '<div class="my-cell-arrow my-table-cell">'+
                '<img src="mobile/resources/img/arrow.png" />'+
            '</div>'+
            '<div class="my-cell-bubble my-table-cell">'+
                '<p class="my-cell-content">{title}</p>'+
            '</div>'+
        '</tpl>';
    },
    getDetailCard: function (item, parent) {
        var s = mytest.stores.contentItemStore;
        s.getProxy().extraParams.nid = item.attributes.record.data.path;
        s.read();
        var itemData = s.data.items[0];
        detailCard = new Ext.Panel({
            scroll: 'vertical',
            styleHtmlContent: true,
            tpl: ["<h2>{title}</h2><p>{texte}</p>"],
            store: s,
        });
        detailCard.update();
        return detailCard;
    }
});

Merci de votre aide.