Sencha Touch itemtap

J'ai une liste de contacts que le sencha touch est de l'afficher dans une liste. Ensuite, lorsque vous cliquez sur un nom dans la liste, il doit glisser vers la droite et dire Bonjour {nom du contact}! mais quand il glisse au-dessus de la droite maintenant, il dit Bonjour !sur la ligne 29 est l'endroit où l'action se passe pour l'élément appuyez sur i belive le problème est là. Je juste ne sais pas comment mettre en forme correctement. Ci-dessous mon code source.

ListDemo = new Ext.Application({
name: "ListDemo",

launch: function() {

    ListDemo.detailPanel = new Ext.Panel({
        id: 'detailpanel',
        tpl: 'Hello, {firstName}!',
        dockedItems: [
            {
                xtype: 'toolbar',
                items: [{
                    text: 'back',
                    ui: 'back',
                    handler: function() {
                        ListDemo.Viewport.setActiveItem('disclosurelist', {type:'slide', direction:'right'});
                    }
                }]
            }
        ]
    });

    ListDemo.listPanel = new Ext.List({
        id: 'disclosurelist',
        store: ListDemo.ListStore,
        itemTpl: '<div class="contact">{firstName} {lastName}</div>',

        listeners:{
            itemtap: function(record, index){               
            ListDemo.detailPanel.update(record.data);
            ListDemo.Viewport.setActiveItem('detailpanel');
            }
        }
    });

    ListDemo.Viewport = new Ext.Panel ({
        fullscreen: true,
        layout: 'card',
        cardSwitchAnimation: 'slide',
        items: [ListDemo.listPanel, ListDemo.detailPanel]
    });

}

});

OriginalL'auteur Alex | 2011-06-11

  1. 11

    Le premier argument passé à la itemtap l'événement n'est pas le record de l'élément de Liste taraudés, c'est le DataView lui-même.

    De la documentation:

    itemtap : ( Ext.DataView ce, Numéro index, Ext.Élément élément,
    Ext.EventObject e )
    Se déclenche lorsqu'un nœud est tapé sur

    Listeners will be called with the following arguments:
this : Ext.DataView
    The DataView object
index : Number
    The index of the item that was tapped
item : Ext.Element
    The item element
e : Ext.EventObject
    The event object

    Vous pouvez saisir le taraudé enregistrement à l'aide de:

    dataView.store.getAt(index); //where 'dataView' is 1st argument and 'index' the 2nd
    Je suis en train d'apprendre le sencha touch quel est l'objet dataview, l'indice de l'élément qui a été exploitée, l'élément de l'élément, et de l'objet d'événement. Aussi, comment est dataView le 1er argument et "index" de la 2ème. Merci pour votre aide.
    Une Liste hérite d'un DataView et le " itemtap de l'événement est celui qui est héritée de la DataView de la classe de base. La documentation est donc un peu déroutant lors de l'utilisation d'une Liste. Le premier argument de la gestionnaire d'événement contient une référence à votre Liste d'instance (l'équivalent de la variable " ListDemo.listPanel " dans votre exemple). L'index argument fait référence à l'endroit dans la Liste le taraudé article tombe par exemple, le 1er élément de la liste taraudés donne indice = 0, le deuxième élément taraudé donne index = 1 etc. Pour une utilisation simple des cas, vous pouvez ignorer l'élément et e arguments - en plus je suis à cours d'espace.. 🙂
    Cela semble être rompu lorsque vous travaillez avec des groupées des listes.

    OriginalL'auteur Stuart

  2. 9
    itemtap: function(view, index, item, e) {
    var rec = view.getStore().getAt(index);
    ListDemo.detailPanel.update(rec.data);
}

    C'est comment je l'ai eu à travailler.

    Cela semble être rompu lorsque vous travaillez avec des groupées des listes.
    Notez que dans le Sencha Touch 2 la méthode de mise à jour est maintenant setData()

    OriginalL'auteur Alex