Change header text in client-side

[Iker Llanos]

I want to change a column header text in client-side (javascript + jquery). The column header support reorder.

I have this code:

$(grid.get_masterTableView().getColumnByUniqueName('ColumnUniqueName').get_element()).text('New header text')

I get the header text to be changed but I lose the link to reorder the column. Is there any other way to get the header text changed?

Thanks

[Princy]

Hello Iker,

I also faced the same issue when changing header text from client side. In order to persist sorting when changing header text,  attach ItemDataBound event and set header text programmatically.
C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
  if (e.Item is GridHeaderItem)
  {
      GridHeaderItem header = (GridHeaderItem)e.Item;
     ((LinkButton)header["ColumnUniqueName"].Controls[0]).Text = "Your Text";
  }
}

Thanks,
Princy.

[Iker Llanos]

I need to be done in client-side. Can it be done or it is impossible?

Thanks

[Martin]

Hello Iker Llanos,

You will have to set the text of the anchor element rendered in the header cell instead of the header cell text:

$telerik.$(grid.get_masterTableView().getColumnByUniqueName('ColumnUniqueName').get_element().getElementsByTagName('a')).text('New header text');

I hope this helps.

Regards,
Martin
the Telerik team

[Dariusz]

Hi Princy..
Your code works great but I had problems with it when I tried changing the name of the GridTemplateColumn...
I got an error

Unable to cast object of type 'System.Web.UI.LiteralControl' to type 'System.Web.UI.WebControls.LinkButton'

Any idea how can i solve it?

ok, solved it already..

I didn't have sorting enabled for that column so instead of LinkButton I had to use LiteralControl for that case.