How to add a listener on controller

[aarnau]

Hi everyone.

I have this controller.

Ext.define('deportes.controller.Controlador', {
    extend: 'Ext.app.Controller',
    views: ['HomePage', 'BuscadorEquipos'],
    //stores: ['Selectores'],


    refs: [
           {
               ref: 'addFav',
               selector: '#addFav'
           }
       ],


    init: function() {    
        this.control({
            '#addFav': {
                'itemtap': function(){
                    //this.addTeamFavorites;
                    Ext.Viewport.setActiveItem({xtype:'homepage'});
                    //alert('shot');//this.addTeamFavorites
                }
            }
        });
    }
});

And i want to make a behaviour when user press the id #addFav in the view "buscadorequipos". I tried to "click", "tap" and "itemtap" without any results.

Ext.define('deportes.view.BuscadorEquipos', {
    extend : 'Ext.form.Panel',
    alias : 'widget.buscadorequipos',
    config : {
        items: [
                {
                    xtype: 'fieldset',
                    items: [disciplinas,modalidades,competiciones,equipos]
                },
                {
                    xtype: 'fieldset',
                    html: '<strong id="addFav">F</strong>'
                }
            
            ]
    },
    initialize : function() {
        console.log("InitComponent for homepage");
        this.callParent();
    }
});

Can anyone help me?

Thanks in advance.

[mitchellsimoens]

Using this.control() uses ComponentQuery so it can only listen for Components which DOM elements are not Components. To do this, you would have to listen for when the component is rendered via this.control() and then set a listener on that dom element.

[aarnau]

Can you show me an example please?