Breadcrumbs to selected node

[Richard]

How would I go about constructing a string value for the drillpath to the current node?

In breadcrumb form it might look like this:
  level-1-node-text > level-2-node-text > level-3-node-text > level-4-selected-node-text
or 
  Tools>Carpentry>Hammer>Lightweight>Stanley

Thanks,
Richard

[Atanas Korchev]

Hi,

 I created a jsFiddle which shows how to achieve this.

Regards,
Atanas Korchev
the Telerik team

[Richard]

Thanks for the quick help.

This also worked for me:

    var node = $(e.node);
    var crumbs = node.find('span.k-in').first().text();
    $.each (node.parents('li'), function (index,value) {
            var nodeText = $(value).find('span.k-in').first().text();
            crumbs = $.trim(nodeText) + " > " + crumbs;
    });

Your solution demonstrates a seasoned jQuery mindset -- one I hope to achieve.
   

[Christopher]

The above code solves the "generating the breadcrumbs" half of the problem.
The selected node will be associated with the last breadcrumb.
The other half is we want to take the children of the selected node and make them be
the new root noded of the tree, replacing all the current "roots" with them.
I'd very much lile to see the code for doing that.

[Richard]

Christopher:

Fiddle http://jsfiddle.net/ycjwB/2/ demonstrates how jquery .detach, .remove, and .append can be used to prune and graft tree parts.  The example has little real world usefulness

[Jason]

Hello Atanas, is it possible to configure this control so that it is a traditional horizontal breadcrumb (like this  home > page1 > page1child ), and not a tree view?

[Alex Gyoshev]

Hello Jason,

The fiddle shows how to show what the selected path in the TreeView is. If you are looking for a traditional breadcrumb component (which allows users to navigate to parent pages), I am afraid that there isn't one in the Kendo UI framework.

Regards,
Alex Gyoshev
Telerik