getting column header text client side

[Murray]

I have a function that is called on Column context menu:
function ColumnContextMenu(sender, eventArgs)
{
    var e = eventArgs.get_domEvent();
    var gridCol = eventArgs.get_gridColumn();
    var gridColElm = gridCol.get_element();
    var colIndex = gridColElm.cellIndex;
    var colName = gridCol.get_uniqueName();

    // get col header text
    var colhdrTxt;

    // firefox colhdrTxt = gridColElm.textContent
    // ie colhdrTxt = gridColElm.innerText
    if(gridColElm.textContent)
        colhdrTxt = gridColElm.textContent;
    else
        colhdrTxt = gridColElm.innerText;    
    ...
}
I don't like using browser dependent code. Do you have an existing function/property to get column header text?

[Radoslav]

Hello Murray,

You could use innerHTML instead of textContent or innerText. innerHTML is a valid property for all browsers.
So your code snippet could be changed like that:

function ColumnContextMenu(sender, eventArgs)
{
    var e = eventArgs.get_domEvent();
    var gridCol = eventArgs.get_gridColumn();
    var gridColElm = gridCol.get_element();
    var colIndex = gridColElm.cellIndex;
    var colName = gridCol.get_uniqueName();

    // get col header text
    var colhdrTxt = gridColElm.innerHTML;
}

I hope this helps.

Kind regards,
Radoslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Edward Wallander]

Is it possible to change the HeaderText and HeaderTooltip of the GridTemplateColumn in client side? The data has been bound to grid using web methods at client side only.

[Radoslav]

Hi Edward,

You could achieve the desired functionality by using the following code snippet:

// Change header text and tooltip message
var column = tableView.getColumnByUniqueName("ColumnUniqueName");
column.get_element().childNodes[0].innerHTML = "Changed Last Name";
column.get_element().childNodes[0].title = "Changed title";

Additionally I am sending you a simple example which demonstrates the described approach. I hope this helps.

Regards,
Radoslav
the Telerik team

[Stalin]

Thanks very much. It works fine for HeadText change. But tool tip is not working as how it works for other template columns which has the static tool tip sets using HeaderTooltip. Please check my screenshot.

[Radoslav]

Hello Stalin,

Based on the provided information it is hard to say why the tooltip is not changed. Could you please post your aspx markup with the related code behind file? Thus we will be able to get more information about your scenario and provide you more to the point answer. Looking forward for your reply.

Kind regards,
Radoslav
the Telerik team