Component element viewcontrollin

gistfile1.js

Ext.define('MyApp.view.Foo', {
    extend : 'Ext.Component',
    xtype  : 'myapp-foo',

    requires : [
        'MyApp.view.FooController'
    ],

    controller : 'foocontroller',

    tpl : '<div class="clickable">{foo}</div>',

    listeners : {
        element  : 'el',
        delegate : 'div.clickable',
        click    : 'onDivClick'
    }
});

Ext.define('MyApp.view.FooController', {
    extend : 'Ext.app.ViewController',
    alias  : 'controller.foocontroller',
    
    config : {
        control : {
            '#'  : {      // or instead of listeners, use control config?
                element  : 'el',
                delegate : 'div.clickable',
                click    : 'onDivClick'
            }
        }
    },

    onDivClick : function(e, t) {}
});

Scope of onDivClick would be of the FooController so you can then do a getView to get the Foo view