[CLOSED] How to get column header name on grid panel cell's right click
I am creating a grid panel dynamically. While creating am locking the first 3 columns. So that the horizontal scroll bar starts from the 4th column. I have context menu implemented for the grid which should not be enabled for the locked columns. I have an event written inside the view config of a grid like below to prevent the right click:
Code:
<ViewConfig>
<Listeners>
<CellContextMenu Fn="preventRightClick" />
</Listeners>
</ViewConfig>
Function definition:
Code:
preventRightClick = function (view, td, cellIndex, record, tr, rowIndex, e){
var abc = #{grdETSummary};
#{HdnColumnIndex}.setValue(cellIndex);
if((cellIndex == "0")||(cellIndex == "1")||(cellIndex == "2"))
{
#{tier1SummaryMenu}.disable();
#{tier2SummaryMenu}.disable();
}
else
{
#{tier1SummaryMenu}.enable();
#{tier2SummaryMenu}.enable();
}
e.preventDefault();
}
The problem is after locking the first 3 (0,1,2) columns, the column index of the 4th column in the javascript function again starts from 0 instead of starting from 3. So as per my grid, the columns 3,4,5 also disables the context menu. If I can get the column header name in the click event then I can restrict it from being disabled. Please tell me how do I get the column header name WITHOUT USING THE COLUMN INDEX.!! Well, if I had to use the column index to find the column header again it results in the same way as the unlocked column index starts from 0.
