How to recognize the column on which user has right clicked and open context menu?

[livinglegends]

yes...column header

[Condor]

grid.getView().getHeaderCell(colIndex)

[livinglegends]

Hi condor, ur solution worked like magic... thanks.

But, now I am facing one GUI related typical issue.

On context menu's option click, I have opened Tooltip by creating its object with configuration property with fadeIn effect. I have rendered GridPanel in ToolTip also. And it open by targeting respective column of right clicked cell.

But, when I click on option, Tooltip panel opened very quickly some where on top left corner of GridPanel and closed and then open with fadeIn effect at column's header part (arrow points to it).

This behavior found when render Grid in tooltip. Without it , it works properly.

What can be the problem? Hope, I can clearly mention my issue.

thanks

[Condor]

Do not render the grid inside the tooltip! Specify the grid as one of the items of the tooltip.

[livinglegends]

Do not render the grid inside the tooltip! Specify the grid as one of the items of the tooltip.

Please refer my code used to render gridpanel in tooltip. What is wrong with it and how to resolve?

var gridView = myGrid.getView();
var cellEl = gridView.getHeaderCell(this.cellIndex);
var columnName = this.getColumnModel().getColumnAt(this.cellIndex).header;
new Ext.ToolTip({
                id:'gruopByToolTip',
                title:'Group By ',
                target:cellEl,
                anchor: 'top',
                width: 500,
                height:200,
                autoHeight:false,
                autoHide: false,
                closable: true,
                items:[
                    {
                        xtype:'group-by-grid-panel' // GridPanel rendering in tooltip
                    }
                ],
                listeners:{
                    scope:this,
                    afterrender:function(t) {
                        t.getEl().fadeIn();
                        t.setTitle("Group By " + columnName);
                    }
                }
            }).show();

[Condor]

1. You only need to create the tooltip once, and not for every cell click.

2. Maybe you could create the tooltip with cls:'x-hidden' and remove this class in the fadeIn callback.

[livinglegends]

1. You only need to create the tooltip once, and not for every cell click.

2. Maybe you could create the tooltip with cls:'x-hidden' and remove this class in the fadeIn callback.

1. Can you provide any code hint?
2. How to remove applied cls on fadeIn callback?