RadTreeView ScrollToNode.

[Mike Beaton]

Hi

I have seen this article here http://www.telerik.com/community/forums/aspnet-ajax/treeview/radtreeview-client-side-scrollintoview-for-selected-node-question.aspx where you are able to scroll the selected node to the top which is great.

Is it also possible to scroll a node to the top from its OnClientNodeExpanded event? 

I have tried attaching the scrollToNode code to the OnClientNodeExpanded event but it never scrolls all the way to the top. 

Can anyone help.

Regards

Mike

[Peter]

Hi Mike Beaton,

Yes, it is possible, but you need to call scrollToNode with a slight delay like this:

<script type="text/javascript">
    function OnClientNodeExpanded(sender, args) {
    var treeview = sender;
    var node = treeview.findNodeByValue("this")
    setTimeout(function () { scrollToNode(treeview, node); }, 500);
}
    function scrollToNode(treeview, node) {
    var nodeElement = node.get_contentElement();
    var treeViewElement = treeview.get_element();
    var nodeOffsetTop = treeview._getTotalOffsetTop(nodeElement);
    var treeOffsetTop = treeview._getTotalOffsetTop(treeViewElement);
    var relativeOffsetTop = nodeOffsetTop - treeOffsetTop;
    treeViewElement.scrollTop = relativeOffsetTop;
}
</script>
<telerik:RadTreeView ID="RadTreeView1" Width="200px" Height="300px" runat="server" OnClientNodeExpanded="OnClientNodeExpanded">

Kind regards,
Peter
the Telerik team

[Mike Beaton]

Thanks Peter

That works exactly how I wanted.

Out of curiosity is the delay to take into account the animation and the client height being re-calculated?

Regards

Mike

[Peter]

Yes, your assumption is correct, Mike. Even though the name of the event suggests that the node will be already expanded when it occurs, still some extra time is needed for the height of the child group to be calculated.

Greetings,
Peter
the Telerik team