EXTJS, Unable to bind event handler to controller

Question

I'm using EXTJS with Node.JS and am having difficulty with handling events in the context of the EXTJS MVC framework.

I've been able to easily register click events when defining the Event Listener in the Class Definition of the view, but can't seem to move this code into the controller.

Here's a look at my current code:

//Icon.JS (VIEW)

Ext.define('GeekFlicks.view.Icon', {
    extend: 'Ext.button.Button',
    alias: 'widget.icon',
    height: 48,
    width: 48,
    text: 'icon',
    draggable: true
});

//Icon.JS (CONTROLLER)

Ext.define('GeekFlicks.controller.Icon', {
extend: 'Ext.app.Controller',

models: ['Icon'],
stores: ['Icons'],
views: ['Icon'],

init: function () {
    this.control({          
        'listener': {
            click: function(c) {
                alert('working');
            }
        }
    });
},
});

Any help or explanations around how EXTJS deals with these sort of events is will be extremely helpful and much appreciated! Thanks.

sha · Accepted Answer · 2012-05-21 13:47:51Z

1

Change this.control to be something like this:

'icon': {
    click: function(c) {
       alert('working');
    }
}

You basically need to let controller know which element is going to control. I also suggest reading about using refs: [] in the controllers to easier access visual elements and views.

answered May 21, 2012 at 13:47

sha

17.9k6 gold badges65 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Matikus1trillion Over a year ago

It works! Thanks. Oddly it does not work for "dblclick", but it works for "click" and "mouseover".

sha Over a year ago

No problem. Please mark the answer as answered if it suites you.

Matikus1trillion Over a year ago

It's working, but just for single click. Any idea why dblclick wouldn't be firing?

sha Over a year ago

May be because button doesn't have dblclick event? docs.sencha.com/ext-js/4-0/#!/api/Ext.button.Button

Collectives™ on Stack Overflow

EXTJS, Unable to bind event handler to controller

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related