[Solved] Programmatically Select Node in MVC

[Eric]

I'm using Ajax to refresh the treeview. I'd like to select the node that was selected before the refresh.
After the tree is loaded i can't seem to select the tree with $find("TreeView"). I even tried it with a timeout, to no avail.

So I'd like to do it server side instead. I'm using a model and putting that in the tree.

<%
        Html.Telerik().TreeView()
            .Name("TreeView")
            .ExpandAll(true)
            .Items(item => Model.TreeItems(item, Model.IsAdministrator))
            .ClientEvents(events => events.OnSelect("TreeOnSelect"))
             // Like to do something like: .SelectItem(item == Model.MySelectedNode)
            .Render();
%>

[Dimo]

Hello Eric,

$find() is used in ASP.NET AJAX. You should obtain a reference to the MVC TreeView like this:

var treeview = $("#TreeViewClientID").data("tTreeView")

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

All the best,
Dimo
the Telerik team

[Eric]

Ok, if I'm going the javascript way in selecting the node, then you code works well for selecting the tree (thanks).

However, I still need to select the node that was selected before the refresh, but the treeview object I'm getting back doesn't expose a findNodeByValue function.

[Dimo]

Hi Eric,

The TreeView selection is purely visual - a predefined "selected" style is applied to a given DOM element. As a result, if you want to persists the selection across page reloads or AJAX requests, you need to implement your own way to do that. For example, save the node text in a variable and then look for it. You can use the jQuery text() or html() methods.

Best wishes,
Dimo
the Telerik team

[Eric]

Thank you Dimo!