How to trigger NavigationView.pop() from onKeyUp listener

[cooperka]

I am trying to listen for a "keyup" event at any time and on any screen of my app. If such an event occurs, I want my NavigationView to pop() -- the same thing that would happen if the user were to tap the Back button.

In my controller "launch" function I have the following code. How can I get a reference to the NavigationView so I can call pop()? this.getMainNav() works in my other controllers for List itemtaps.

document.addEventListener("keyup", onKeyUp, false);
function onKeyUp() {
    console.log('back');
    this.getMainNav().pop(); // doesn't work
}

Console error:

Uncaught TypeError: Object function () {
return this.constructor.apply(this, arguments);
} has no method 'pop'

[cooperka]

I am still having this issue, has anyone dealt with this before?

[mitchellsimoens]

Look to see what getMainNav() returns. Is there a reference already created to match your ref?

[cooperka]

My "ref" and "selector" in the controller reference are both mainNav, as well as my userAlias and userClassName for the NavigationView (userClassName is MainNav with capital M). Do you mean I have to create another reference other than the controller?

I'm also not sure what I changed, but the error is different now.

The following code:

Ext.define('MyApp.controller.MyController', {
    extend: 'Ext.app.Controller',


    config: {
        refs: {
            mainNav: 'mainNav'
        },


    launch: function() {
        Ext.Viewport.add({
            xclass: 'MyApp.view.MainNav'
        });


        // listen for back button
        document.addEventListener("backbutton", onBackKeyDown, true);


        // for testing purposes in browser
        document.addEventListener("click", onBackKeyDown, true);


        function onBackKeyDown() {
            console.log(this.getMainNav());
        }
    }
});

Logs:

Uncaught TypeError: Object #<HTMLDocument> has no method 'getMainNav'

[mitchellsimoens]

That error is saying you have a scoping issue.

    launch: function() {
        var me = this;

        Ext.Viewport.add({
            xclass: 'MyApp.view.MainNav'
        });


        // listen for back button
        document.addEventListener("backbutton", onBackKeyDown, true);


        // for testing purposes in browser
        document.addEventListener("click", onBackKeyDown, true);


        function onBackKeyDown() {
            console.log(me.getMainNav());
        }
    }

[cooperka]

So that's what that does! This solves so many of my issues. You've saved me yet again, thank you.