Sencha Touch - deseleziona l'elemento dell'elenco?

Question

Sto lavorando a un'applicazione Sencha Touch e ho un elenco di contatti. Toccando un elemento della lista, viene visualizzato un foglio di lavoro che mostra alcune funzioni di base (come chiamata, cancella e ignora). Purtroppo, quando i rubinetti degli utenti e l'ActionSheet viene licenziato, la voce Lista rimane selezionato sotto la sovrapposizione (vedi screenshot qui sotto):

Ecco la funzione legata all'evento itemTap:

itemTap: function(list, index) 
{ 
    // Deselect the selected record: 
    var currentRecord = list.getStore().getAt(index); 
    currentRecord.forename  = currentRecord.get('forename'); 
    currentRecord.surname  = currentRecord.get('surname'); 
    currentRecord.phoneNumber = currentRecord.get('phoneNumber'); 
    currentRecord.shortFullName = currentRecord.forename + ' ' + currentRecord.surname[0]; 

    list.getStore().deselect(index, true); 

    callButton.setText('Call ' + currentRecord.shortFullName + ' (' + currentRecord.phoneNumber + ')'); 
    unfriendButton.setText('Remove ' + currentRecord.shortFullName + ' as friend'); 
    friendActionSheet.show(); 
} 

Purtroppo, list.getStore().deselect(index, true) restituisce il seguente errore: Object [object Object] has no method 'deselect'

Tutte le idee su che cosa potrei fare male, o come posso raggiungere questo obiettivo?

Answer 1

Questo funziona per me:

listeners: { 
     itemtap: function(dv, ix, item, e) { 
      // Clear the selection soon 
      setTimeout(function(){dv.deselect(ix);},500); 
     } 
    } 

Answer 2

non ho cercato di ricreare il problema, ma si può provare:

list.deselect(currentRecord, true); 

Dopo avere effettuato che si può avere di chiamare

doLayout() 

o

doComponentLayout() 

per aggiornare la vista.

Answer 3

Questo mi ha spinto folle.

Mentre la risposta approvato funzionerà, la sua pena di notare che si può fare con un ritardo (come lista annidata non troppo) in questo modo:

var selModel = app.views.VideosList.items.items[0].getSelectionModel(); 
    Ext.defer(selModel.deselectAll, 200, selModel); 

ho messo nel mio controller (quindi la sua chiamata quando la vista cambia), dove app.views.VideosList è il mio pannello principale e app.views.VideosList.items.items [0] è l'elenco in quel pannello.

Answer 4

Se si desidera cancellare l'intera lista:

var selModel = app.views.notesList.deselect(app.views.notesList.getSelectedRecords()); 

Answer 5

setTimeout non è davvero una buona soluzione qui. Dovrebbe essere simile a questo:

listeners: { 
     itemtap: function(list, ix, item, e) { 
      // Clear the selection soon 
      list.deselect(list.getSelectedRecords()); 
     } 
    } 

Answer 6

In Sencha Touch 2, utilizzare disableSelection: vero, durante la creazione di un elenco

Ext.define('App.view.NewsList',{ 
extend: 'Ext.List', 
xtype: NEWS_LIST, 

config: { 
    store: NEWS_FEED, 
    //deselectOnContainerClick: true,// not working in Sencha Touch 2 
    disableSelection: true, // since Sencha Touch 2 
    itemTpl: '{heading}' 
} 
}); 

Answer 7

questo ha fatto per me (sencha tocco 2.3):

list = Ext.Viewport.down('nestedlist'); 
list.getActiveItem().deselectAll();