Question

I am newbie to Sencha. Can anyone please explain how to support back button in android using Sencha touch2 Routing. I have gone through Sencha document, they explained there with senarios like “#products/123”. But in my case only views get changed not url which is always like “../index.html”.

Lets consider i have one login page. On login button tap it navigates to Home page. Now on device back button tap it should navigate back to login. So what format should i put inside route:{}.

Please anyone explain me with simple code.

Thanks in advance.

Answer 1

in your button actions you should redirect like this:

 control: {
        'button[action=login]' : {
            tap: function() {
                this.redirectTo('login');
            }
        }

Then add the route in your controller:

config: {
    refs: {
        main: 'main'
    },

    routes: {
        'login': 'showLogin'
    }
}

and finally in the showDetail function you make the view change, the url should show something like index.html#detail:

showLogin: function() {
    this.getMain().push({
        xtype: 'loginView'
    });
}

I hope this helps!