Question

When an item from a list gets selected i execute the following lines of code.

this.details = Ext.create('EventManager.view.EventInfoView');
this.getNavigationView().push(this.details);

so i create a new view, and push it on a navigationview.
In my controller i listen for a tap on an acceptEventButton which is inside newly created view.

Ext.define('EventManager.controller.eventController', {
extend: 'Ext.app.Controller',
config: {
    refs: {
        acceptEventButton: '#acceptEventButton'
    },

    control: {
        "acceptEventButton": {
            tap: 'onAcceptButtonTap'
        }
    }
},
...

The first time this view gets placed on the navigationview, the button tap works.
When i hit the back button and push another view the button does nothing.

I’d like to solve this by doing the logic as it is now. I’d rather not add the eventlisteners myself while i’m creating the view and then push it.

Any ideas where this problem resides and how to fix?

Answer 1

A new version of sencha architect was released which allows adding not listed properties.

I solved this by adding an action field on my button, and in my controller reacting to that action.

{
    xtype: 'button',
    id: 'acceptEventButton',
    ui: 'confirm',
    text: 'Accept',
    action: 'acceptEvent'
}

and in my controller i have the following lines of code

    control: {
        "button[action=acceptEvent]": {
            tap: 'onAcceptButtonTap'
        }
    }