ExtJS 5.1.1 Trigger a button 'click' event from another event handler

Question

I'm using ExtJS 5.1.1

I'm trying to trigger a button click event or simply excute the event handler of this button.

View File:

    {xtype: 'button',
        itemId: 'searchBtn',
        listeners:{
            click: 'mainSearch'
        }
    }

Controller File:

specialKeySearch: function(event){
    if (event.getKey() == event.ENTER){
        // Trigger 'mainSearch' event handler or click event of button
    }
}

mainSearch: function(){
    alert("something");
}

I tried so many options, but none of them works. so please point out where the issue is. Below are some I have tried:

1.

document.getElementById('searchBtn').click();

2.

 Ext.ComponentQuery.query('#searchBtn')[0].fireEvent('click', Ext.ComponentQuery.query('#searchBtn')[0]);

3.

parent.child('button[itemId=searchBtn]').fireEvent('click', parent.child('button[itemId=searchBtn]'));

Please tell how to trigger a button click event or simply excute the event handler of this button.

Thanks in advanced!

Possible duplicate of dynamic object properties javascript

Evan Trimboli
– Evan Trimboli

2015-12-09 04:22:30 +00:00
Commented Dec 9, 2015 at 4:22 — Evan Trimboli
– Evan Trimboli, Commented Dec 9, 2015 at 4:22

Robert Watkins · Accepted Answer · 2015-12-09 03:36:00Z

0

This is more of a JavaScript question than ExtJS. But try tempResult.data[tempKey]

answered Dec 9, 2015 at 3:36

Robert Watkins

2,21616 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

ExtJS 5.1.1 Trigger a button 'click' event from another event handler

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related