Hover / more details

[Chris]

Do you have any examples with treemaps with hover tooltip style windows - that can for example show the underlying values, or more details behind the item

Thanks

[Hristo Germanov]

Hello Chris,

We haven't such example but you need to:
1) Wire up a mouse over event for .k-tile elements.
2) Get the uid from the element.
3) Get the dataItem from element uid.
4) Show a tooltip or a div with information in the dataItem.

I hope this helps.

Regards,
Hristo Germanov
Telerik

 

 

[Dave]

Hristo, 

Would your suggestion be implemented as a function on itemCreated, or would it be done outside of that object?

[Hristo Germanov]

Hello Dave,

You can do both.

Wire up to all dynamic elements via:

$("#treeMap").on("mouseenter", ".k-leaf", function() { alert(1) });

and you can hook up to the itemCreated event and attach your hover event.

I hope this helps.

Regards,
Hristo Germanov
Telerik