Tooltip mvvm control inside grid column.headerTemplate is not working

[Adam]

Hi,
I created grid definition using kendo mvvm framework and I'm trying to add tooltip for text inside column header. I thought I can use headerTemplate so I defined tooltip mvvm control inside header template but tooltip is not appearing. It looks that it’s imposible to define any mvvm control inside headerTemplate property? Is my assumption correct?

{ "field": "UnitPrice", "headerTemplate" : "<span data-role=\"tooltip\" title=\"tooltip message\"> Header should have tooltip</span>" }

Full example is available here: http://jsbin.com/zizawey/1/

Thanks in advance.

 

[Dimo]

Hello Adam,

The described approach assumes that Kendo UI initializes widgets based on the kendo.bind() method and then inspects the generated HTML output in the Grid header cells for other new widgets that may need to be initialized on a "second pass". This is not supported.

You need to execute kendo.bind() again for the Grid's header area.

kendo.bind($(".k-grid thead"), viewModel);

Regards,
Dimo
Telerik