Navigation View Back Button in Tab Panel Containers

[Scott Stefanich]

My initial view is a Tab Panel component linked to three Containers. A Tab Bar is used to select a container.

Each Container contains a Navigation View and is linked to a first view. The first view in each Navigation View contains a Button which navigates to the second view via a ControllerAction. The ControllerAction is defined as:

controlQuery = [first view] button
targetType = Ext.button
fn = on[name]ButtonTap

    on[name]ButtonTap: function(button, e, options) {
        button.up('navigationview').push({
            xtype: '[second view]',
            title: 'Second view'
        });
    }

Currently, I can select a container using the Tab Panel, am taken to the first view in the Container’s Navigation View, and can navigate to the second view upon clicking the button. In the second view, a Back Button is created but it is not clickable and does not navigate back to the first view.

I am likely missing a critical step or Navigation View concept, but shouldn’t the Back Button return to the first view?

[milomed]

If my view have more button? with
controlQuery = [first view] button
How can I select the right button?

In this way, all buttons inside the view link to the same view, but how say to control Query
controlQuery = [first view] button (class of one specific button?)

Thanks