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

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

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 .......

---

You can use xtypes in your control query similar to this

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

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

Quote:

---

Originally Posted by 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

---

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.

Quote:

---

Originally Posted by bharatn

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

Quote:

---

Originally Posted by jinionnet

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.

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

Quote:

---

Originally Posted by jinionnet

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:

Attachment 35962

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.

Attachment 35963

3. Add the controller action:

Attachment 35964

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

Hope this helps.

Regards.

Thanks to share this point. Let me have try.

Regards,
Jini

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