[Solved] Tooltip for tree view

[Arun Prasath]

Hi Atanas,
Is it possible to show tooltip for the treeview node on mouse over?
If yes, could you please let us know how we can achieve this?

Many thanks
Arun

[Wai Kei]

I have a need for this requirement too. Anyone could offer help?

thanks.

[Atanas Korchev]

Hello,

You can  set the title html attribute of the node to get the default browser tooltip:

node.LinkHtmlAttributes(new { title = "some text" });

Regards,
Atanas Korchev
the Telerik team

[Wai Kei]

Dear Atanas,

  Is it possible to achieve it if I have a server binding treeview? I am trying to fit the LinkHtmlAttributes below but it gives me an error. I also tried item.LinkHtmlAttributes = xxxx, but it's a read-only method.

        Html.Telerik().TreeView()
        .Name("TreeView")
        .ShowCheckBox(true)
        .ExpandAll(Model.Expand)
        .BindTo(Model.CodeTree, mappings =>
        {
            mappings.For<Code>(
                binding => binding.ItemDataBound((item, code) =>
                {
                    item.Checked = false;
                    item.Enabled = true;
                    if (code.CodeId == 0)
                    {
                        item.Checkable = false;
                    }
                    item.Text = code.CodeNumber + " " + code.CodeName;
                    item.Value = code.CodeId.ToString();
                    item.LinkHtmlAttributes(new { title = "some text" });
                })
                .Children(code => code.ChildCodes));

            mappings.For<Code>(binding => binding.ItemDataBound((item, code) => { item.Text = code.CodeName; }));
        })
        .Render();

[Atanas Korchev]

Hello Wai Kei,

 
LinkHtmlAttributes is IDictionary<string, object> so to set a value you should use this syntax:

node.LinkHtmlAttributes["title"] = title;

Regards,
Atanas Korchev
the Telerik team

[Wai Kei]

That's the solution. Thank you so much.

[Nick]

Is this possible when the tree is bound client side ??

[Rachael]

...

[Johan Månsson]

I'm also wondering this.. It doesn't seem to work if using "Load on demand".

[Dimo]

Hi all,

If the TreeView is bound client-side, you can use the OnDataBound client event and set a title attribute for each span.t-in element inside every li.t-item. The item text is inside the span.

http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-treeview-client-api-and-events.html#OnDataBound

Kind regards,
Dimo
the Telerik team

[Johan Månsson]

Sure.. but that would mean that I need to duplicate my logic. It's already in C# to add SpriteCssClasses... I'd like to, in the same place, be able to add the title attribute which should work fine with the LinkHtmlAttributes. However, the LinkHtmlAttributes property does not apply to "Load on demand" :(

[Zain]

Successfull with   "Dimo"   this solution for On demand client side tooltip.
make loop and assign title text to $(e.item).find('span.t-in')[i].title,
following this link to view my case.
http://xien360.blogspot.com/2012/05/telerik-mvc-tree-control-client-side-on.html