How to add a click event in controller for Action Column Item using Architect?

[jinionnet]

Hi guys,
I have an action column item and I want create a click event in my controller. I know there is a handler event in the action column itself. But I really need to reference in my controller file. I can't find any id/itemid property for action column item. So how how can a refer this element in the controller.

Please help me. here is my code

.........some other grid items ..........
     {
            xtype: 'actioncolumn',
            id: 'acViewCashDetails',
            width: 50,
            align: 'center',
            items: [{
            getClass: function(v, metadata, r, rowIndex, colIndex, store) {
                         if(r.get('referral_count')>0){
                                 this.items[0].tooltip='Click to view the details.';
                                 return 'view';    
                               }else{
                                    return '';
                                }
                        },
                            handler: function(view, rowIndex, colIndex, item, e) {
                                //some codes here. then it will work but, i already have a function in controller
                               // and I really want to use that function or just want create another in controller
                            }
                        }
                    ]
                }

........some other grid items .......

[bharatn]

You can use xtypes in your control query similar to this

http://docs.sencha.com/ext-js/4-0/#!...ComponentQuery

[thermiteplasma]

I couldn't find a click event for an actioncolumn as well, so i just fired a custom event from the handler, then listened from the controller

[ssamayoa]

I couldn't find a click event for an actioncolumn as well, so i just fired a custom event from the handler, then listened from the controller

I did the same.
The worst part was that the documentation (ExtJS) is not helpful. I have to look at the framework code and the old trial & error methodology.

Regards.

[jinionnet]

You can use xtypes in your control query similar to this

http://docs.sencha.com/ext-js/4-0/#!...ComponentQuery

actioncolumn xtype not pick up the event in controller.

Thanks

[ssamayoa]

actioncolumn xtype not pick up the event in controller.

Action column never invokes fireEvent. Thats why, as you and I did, we have to invoke fireEvent in the handler.

Regards.

[jinionnet]

Hi,
Do you have any idea to invoke a function from the "handler"? Of course the function should be defined in the "Controller" !

Thanks,
Jineesh

[ssamayoa]

Hi,
Do you have any idea to invoke a function from the "handler"? Of course the function should be defined in the "Controller" !

I though you already figured out.

1. Define the custom event in the gridpanel:

ext1.png

2. Fire the event in the handler. Note that you must fire the event from the grid to capture in the controller. I tried to capture the gridview event (query: "grid gridview") but didn't worked.

ext2.jpg

3. Add the controller action:

ext3.jpg

I wish we could be able to extend column as another components but you cant drop column in views node.

Hope this helps.

Regards.

[jinionnet]

Thanks to share this point. Let me have try.

Regards,
Jini

[vitorvti]

Worked for me, and thanks for the example. i was not getting the handler part, and then i found this

In the Grid Panel i create a Custom Event with a parameter record;


At then Action Column handler:


handler: function(view, rowIndex, colIndex, item, e, record, row) {
view.up('grid panels widget').fireEvent('My grid Custom Event',record);
},

at the Controller i created the listener and worked just fine.

Regards