comment gérer le bouton de retour de l'appareil sur l'application tactile sencha

Dans Sencha touch si je utiliser le mode de navigation, je peux revenir bouton. C'est assez fine.

Mais ce qui si l'utilisateur a frappé appareil backbutton? c'est direct la sortie de l'application. Dans mon exigence, il ne devrait pas quitter l'application, il doit retourner à l'écran précédent.Comment puis-je faire cela?.

source d'informationauteur atluriajith

  1. 8

    Vous pouvez gérer bouton de retour comme ceci:

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

    function onBackKeyDown(eve) {

        eve.preventDefault();

        //do something
        alert('back button pressed');

    }
}
  2. 6

    Je n'ai pas trouvé les instructions sur l'histoire de la page de support utile lorsque vous essayez de le faire; je ne pouvais pas le voir de toute façon à l'utilisation des itinéraires lorsque vous traitez avec une navigation à vue qui peut avoir une grande pile de vues sur lui à tout moment.

    Si vous voulez juste le bouton retour pour fonctionner, cependant, vous pouvez utiliser le popstate et pushstate fonctions (voir https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history pour une référence). L'idée est que vous push un état lors de l'ajout d'un point de vue et pop hors tension lors de la suppression d'un. La physique bouton de retour sur un téléphone Android, ou le bouton "back" sur un navigateur de bureau efficacement les appels history.back(); donc tout ce que vous devez faire est de s'assurer que la pression sur le bouton précédent de la barre de titre en fait de même, et c'est ce qui déclenche la valeur liquidative de vue de la pop.

    À utiliser, il travail dans le Sencha Touch, j'ai ajouter les lignes suivantes à la commande principale:

    Dans les références que j'ai les références à la main vue (une instance de Ext.navigation.View) et à sa barre de titre, à partir de laquelle vous pouvez accrocher sur le cas de l'arrière bouton par exemple:

    refs: {
        main: 'mainview',
        mainTitleBar: 'mainview titlebar',
}...

    - Je fixer les fonctions suivantes via le control objet de config..

     control: {
        main: {
            push: 'onMainPush'
        },
        mainTitleBar: {
            back: 'onBack'
        },
        ...

    Elles sont définies comme:

      onMainPush: function(view, item) {
      //do what ever logic you need then..
      history.pushState();
  },
  onBack: function() {
      history.back(); //will cause the onpopstate event to fire on window..
      //prevent back button popping main view directly..
      return false;
  },

    Je puis joindre une fonction à exécuter lorsque l'état est sortie par la fonction init..

    init: function() {
    /* pop a view when the back button is pressed
       note: if it's already at the root it's a noop */
    var that = this;
    window.addEventListener('popstate', function() {
        that.getMain().pop();
    }, false);
},

    Maintenant, en appuyant sur l'arrière sur la barre de titre, exécute history.back()cela déclenche l' popstate événement qui provoque alors la vue principale de la pop.

    Si vous voulez voir ce travail sur une application réelle, il y a un (v. de base!) recherche de la propriété de l'app à l'aide de cette technique sur github ici.