Comment gérer le bouton de retour dans l'application tactile sencha sans NavigationView?

Question

J'ai googlé, mais tous les articles utiles décrivent tous comment gérer le bouton de retour dans NavigationView, mais j'utilise simplement la vue commune comme ci-dessous. Je suis faire des changements sur l'application existante, donc je ne peux pas changer l'architecture de base. Donc, je me demande comment gérer le bouton de retour?

Je sais ci-dessous façon peut capturer l'événement de bouton retour. (J'ai ajouté la méthode ci-dessous pour app.js)

if (Ext.os.is('Android')) { 
    document.addEventListener("backbutton", Ext.bind(onBackKeyDown, this), false); 

    function onBackKeyDown(eve) { 

     eve.preventDefault(); 
     //do something 
     alert('back button pressed'); 
     history.back(); 

    } 
} 

Mais que puis-je faire dans la méthode onBackKeyDown? Depuis cet événement sera déclenché lorsque je clique sur le bouton de retour, peu importe quelle page je reste. Donc je ne peux pas aller à la page précédente comme Ext.Viewport.animateActiveItem ('xxxx') puisque je ne connais pas la page actuelle je reste.

Si je peux obtenir le nom de la page en cours, je peux le gérer comme ci-dessous.

if(currentpage=='xxx') 
      Ext.Viewport.animateActiveItem('profile', { 
       type : 'slide', 
       direction:'left' 
      }); 

Answer 1

Utilisez ce code:

document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() {if (navigator.userAgent.match("Android")) 
{  document.addEventListener("backbutton", onBackKeyDown, true); } 

} 

function onBackKeyDown(e) { 
    if (window.location.hash === "#splashviewRoute") {  
     navigator.app.exitApp(); 
    } 
    else { 
     window.history.back(); 
    } 
}