RadTreeView ScrollToNode. in UI for ASP.NET AJAX

This is a migrated thread and some comments may be shown as answers.

RadTreeView ScrollToNode.

3 Answers 27 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

answered on 18 Apr 2011, 04:23 PM

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

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.