+1-888-365-2779
Try Now
More in this section

Forums / Sitefinity SDK / Expand Treeview node based on bowser URL

Expand Treeview node based on bowser URL

9 posts, 0 answered
  1. Arunkumar
    Arunkumar avatar
    6 posts
    Registered:
    13 Oct 2010
    20 Oct 2010
    Link to this post
    Hi

    How can i expand the node based on the page url.

    I'm using the treeview in sharepoint using sitemap datasource.
    want to expand the node based on the site/ sub site and in the expanded node it should be selected child node based on the pagename


    Thanks
    Arun
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    20 Oct 2010
    Link to this post
    Hello Arunkumar,

    There is a method set_expand() that you can use.

    sample

    function pageLoad() {
        var tree = $find("<%= RadTreeview1.ClientID %>");
        if (tree) {
            var location = window.location.pathname;
            location = location.substring(location.lastIndexOf('/') + 1);
            var nodeText = location.split('.');
            var currentNode = tree.findNodeByText(nodeText[0]);
            if (currentNode) {
                currentNode.set_expanded(true);
            }
        }
    }


    All the best,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Arunkumar
    Arunkumar avatar
    6 posts
    Registered:
    13 Oct 2010
    20 Oct 2010
    Link to this post
    while using the code i got the following error

    The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)

    sorry for the cause im very new to Telerik controls, forgive me if i did anything wrong.

    Here is my code


     

    <FONT color=#0000ff size=2><FONT color=#0000ff size=2
    <P><</FONT></FONT><FONT color=#a31515 size=2>head</FONT><FONT size=2
    </FONT><FONT color=#ff0000 size=2>runat</FONT><FONT color=#0000ff 
    size=2>="server"> </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>title</FONT><FONT color=#0000ff size=2>></</FONT><FONT 
    color=#a31515 size=2>title</FONT><FONT color=#0000ff 
    size=2>>  </P></P></FONT>
    <P></P>
    <P><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>link</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>href</FONT><FONT color=#0000ff 
    size=2>="IV/TreeView.Windows7.css"</FONT><FONT size=2> </FONT><FONT 
    color=#ff0000 size=2>rel</FONT><FONT color=#0000ff 
    size=2>="stylesheet"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>type</FONT><FONT color=#0000ff size=2>="text/css"</FONT><FONT size=2
    </FONT><FONT color=#0000ff size=2>/> 
    <P></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>script</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>language</FONT><FONT color=#0000ff 
    size=2>="javascript"> </FONT><FONT size=2> </P></P></FONT>
    <P><FONT color=#0000ff size=2>function</FONT><FONT size=2> onLoad(sender, 
    eventArgs) { 
    <P></FONT><FONT color=#0000ff size=2>var</FONT><FONT size=2> zeroNode = 
    sender.get_allNodes()[0]; </P>
    <P>
    <P></FONT><FONT color=#0000ff size=2>if</FONT><FONT size=2
    (zeroNode.get_nodes().get_count() > 0) { </P>
    <P>
    <P>zeroNode.expand();</P>
    <P>}</P>
    <P>}</P></FONT>
    <P></P><FONT color=#0000ff size=2><FONT color=#0000ff size=2
    <P>function</FONT></FONT><FONT size=2>ClientNodeClicked(sender, eventArgs) </P>
    <P>
    <P>{ </P></FONT>
    <P></P>
    <P><FONT color=#0000ff size=2>var</FONT><FONT size=2> node = 
    eventArgs.get_node(); 
    <P> node.toggle();</P>
    <P>}</P>
    <P>functionpageLoad()</P>
    <P>{</P>
    <P>vartree = $find(</FONT><FONT color=#a31515 size=2>"<%= 
    RadTreeView1.ClientID %>"</FONT><FONT size=2>); </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2>if</FONT><FONT size=2>(tree) 
    {  </P>
    <P>
    <P>varlocation = window.location.pathname;</P>
    <P>location = location.substring(location.lastIndexOf(</P></FONT>
    <P></P>
    <P><FONT color=#a31515 size=2>'/'</FONT><FONT size=2>) + 1); 
    <P> varnodeText = location.split(</P></FONT>
    <P></P>
    <P><FONT color=#a31515 size=2>'.'</FONT><FONT size=2>); 
    <P> varcurrentNode = tree.findNodeByText(nodeText[0]);</P>
    <P> </FONT><FONT color=#0000ff size=2>if</FONT><FONT size=2>(currentNode) { 
    </P>
    <P>
    <P> currentNode.set_expanded(</P></FONT>
    <P></P>
    <P><FONT color=#0000ff size=2>true</FONT><FONT size=2>); 
    <P> }</P>
    <P>}</P>
    <P>}</P></FONT>
    <P></P><FONT color=#0000ff size=2><FONT color=#0000ff size=2
    </</FONT></FONT><FONT color=#a31515 size=2>script</FONT><FONT color=#0000ff 
    size=2><FONT color=#0000ff size=2>> 
    <P>
    <P></</FONT></FONT><FONT color=#a31515 size=2>head</FONT><FONT color=#0000ff 
    size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>body</FONT><FONT 
    color=#0000ff size=2>> </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>form</FONT><FONT size=2> </FONT><FONT color=#ff0000 size=2>id</FONT><FONT 
    color=#0000ff size=2>="form1"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>runat</FONT><FONT color=#0000ff size=2>="server"> </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>telerik</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515 
    size=2>RadScriptManager</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>runat</FONT><FONT color=#0000ff size=2>="server"</FONT><FONT size=2
    </FONT><FONT color=#ff0000 size=2>ID</FONT><FONT color=#0000ff 
    size=2>="RadScriptManager1"</FONT><FONT size=2> </FONT><FONT color=#0000ff 
    size=2>/> </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>telerik</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515 
    size=2>RadTreeView</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>ID</FONT><FONT color=#0000ff size=2>="RadTreeView1"</FONT><FONT size=2
    </FONT><FONT color=#ff0000 size=2>EnableEmbeddedSkins</FONT><FONT color=#0000ff 
    size=2>="false"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>DataSourceID</FONT><FONT color=#0000ff size=2>="XmlDataSource1" </P>
    <P>
    <P> </FONT><FONT color=#ff0000 size=2>runat</FONT><FONT color=#0000ff 
    size=2>="server"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>Skin</FONT><FONT color=#0000ff size=2>="IV"</FONT><FONT size=2
    </FONT><FONT color=#ff0000 size=2>OnClientLoad</FONT><FONT color=#0000ff 
    size=2>="onLoad"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>OnClientNodeClicked</FONT><FONT color=#0000ff 
    size=2>="ClientNodeClicked"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>DataNavigateUrlField</FONT><FONT color=#0000ff 
    size=2>="ImageUrl"</FONT><FONT size=2> </FONT><FONT color=#0000ff size=2>> 
    </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>DataBindings</FONT><FONT color=#0000ff size=2>> </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>telerik</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515 
    size=2>RadTreeNodeBinding</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>SelectedImageUrl</FONT><FONT color=#0000ff 
    size=2>="Img/selected_arrow.png"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>ExpandMode</FONT><FONT color=#0000ff size=2>="ClientSide"</FONT><FONT 
    size=2> </FONT><FONT color=#ff0000 size=2>DataMember</FONT><FONT color=#0000ff 
    size=2>="Node"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>TextField</FONT><FONT color=#0000ff size=2>="Text"</FONT><FONT size=2
    </FONT><FONT color=#ff0000 size=2>ExpandedField</FONT><FONT color=#0000ff 
    size=2>="Expanded"</FONT><FONT size=2> </FONT><FONT color=#0000ff size=2>/> 
    </P>
    <P>
    <P> </FONT><FONT color=#0000ff size=2></</FONT><FONT color=#a31515 
    size=2>DataBindings</FONT><FONT color=#0000ff size=2>> </FONT><FONT 
    size=2> </P></P></FONT>
    <P><FONT color=#0000ff size=2></</FONT><FONT color=#a31515 
    size=2>telerik</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515 
    size=2>RadTreeView</FONT><FONT color=#0000ff size=2>> 
    <P></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#a31515 
    size=2>asp</FONT><FONT color=#0000ff size=2>:</FONT><FONT color=#a31515 
    size=2>XmlDataSource</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>runat</FONT><FONT color=#0000ff size=2>="server"</FONT><FONT size=2
    </FONT><FONT color=#ff0000 size=2>ID</FONT><FONT color=#0000ff 
    size=2>="XmlDataSource1"</FONT><FONT size=2> </FONT><FONT color=#ff0000 
    size=2>DataFile</FONT><FONT color=#0000ff size=2>="TreeView.xml"</FONT><FONT 
    size=2> </FONT><FONT color=#ff0000 size=2>XPath</FONT><FONT color=#0000ff 
    size=2>="/Tree/Node"</FONT><FONT size=2> </FONT><FONT color=#0000ff size=2>/> 
    </P>
    <P> <</FONT><FONT color=#0000ff size=2>/</FONT><FONT color=#a31515 
    size=2>form</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2>> 
    <BR></</FONT></FONT><FONT color=#a31515 size=2>body</FONT><FONT color=#0000ff 
    size=2>><BR></FONT></P>

    and the xml file contains the following code

     

    <P><FONT color=#0000ff size=2><FONT color=#0000ff 
    size=2><?</FONT></FONT><FONT color=#a31515 size=2>xml</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>version</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>1.0</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2> </FONT><FONT 
    color=#ff0000 size=2>encoding</FONT><FONT color=#0000ff size=2>=</FONT><FONT 
    size=2>"</FONT><FONT color=#0000ff size=2>utf-8</FONT><FONT size=2>"</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2> ?> </P>
    <P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Tree</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Media Center</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2> </FONT><FONT 
    color=#ff0000 size=2>Expanded</FONT><FONT color=#0000ff size=2>=</FONT><FONT 
    size=2>"</FONT><FONT color=#0000ff size=2>False</FONT><FONT size=2>"</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Press Release</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>AppData</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Microsoft</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Default3.aspx</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>/> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Contacts</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>/> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Downloads</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> /> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Documents</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>/> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Press Coverage</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> > </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Archives</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> /> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P><</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT color=#0000ff 
    size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2>Music</FONT><FONT 
    size=2>"</FONT><FONT color=#0000ff size=2> </FONT><FONT color=#ff0000 
    size=2>ImageUrl</FONT><FONT color=#0000ff size=2>=</FONT><FONT 
    size=2>""</FONT><FONT color=#0000ff size=2><FONT color=#0000ff size=2> /> 
    </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Pictures</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> /> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Saved Games</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> /> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Videos</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>/> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Press Coverage</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> > </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Archives</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>/> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Speaches and Writings</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2> </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2> > </P>
    <P>
    <P> <</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT 
    color=#0000ff size=2>=</FONT><FONT size=2>"</FONT><FONT color=#0000ff 
    size=2>Archives</FONT><FONT size=2>"</FONT><FONT color=#0000ff size=2
    </FONT><FONT color=#ff0000 size=2>ImageUrl</FONT><FONT color=#0000ff 
    size=2>=</FONT><FONT size=2>""</FONT><FONT color=#0000ff size=2><FONT 
    color=#0000ff size=2>/> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Node</FONT><FONT 
    color=#0000ff size=2><FONT color=#0000ff size=2>> </P>
    <P>
    <P> </</FONT></FONT><FONT color=#a31515 size=2>Tree</FONT><FONT 
    color=#0000ff size=2>> </P>
    <P>
    <P> </P></P></FONT></P>

     

     

  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    20 Oct 2010
    Link to this post
    Hi Arunkumar,

    Wrap the javascript inside RadcodeBlock control.

    Kind regards,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. Arunkumar
    Arunkumar avatar
    6 posts
    Registered:
    13 Oct 2010
    20 Oct 2010
    Link to this post

    Thanks for your reply, i'm very sigh to say this im very new to this control,
    pls check the following code to do need full to complete my task

    COde in .aspx Page

    <body>
        <form id="form1" runat="server">
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script language="javascript" type="text/javascript">
            function pageLoad() {
                var tree = $find("<%= RadTreeView1.ClientID %>");
                if (tree) {
                    var location = window.location.pathname;
                    alert(location);
                    location = location.substring(location.lastIndexOf('/') + 1);
                    alert(location);
                    var nodeText = location.split('.');
                    alert(nodeText);
                    var currentNode = tree.findNodeByText(nodeText[0]);
                    alert(currentNode);
                    if (currentNode) {
                        currentNode.set_expanded(true);
                    }
                }
            }
       </script>
    </telerik:RadCodeBlock
         <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
            <telerik:RadTreeView ID="RadTreeView1" EnableEmbeddedSkins="false" DataSourceID="XmlDataSource1"
             runat="server" Skin="IV"  OnClientNodeClicked="ClientNodeClicked"  DataNavigateUrlField="ImageUrl" >
             <DataBindings>
                    <telerik:RadTreeNodeBinding SelectedImageUrl="Img/selected_arrow.png" ExpandMode="ClientSide" DataMember="Node" TextField="Text" ExpandedField="Expanded" />
                </DataBindings>
            </telerik:RadTreeView>
              
             
      
            <asp:XmlDataSource runat="server" ID="XmlDataSource1" DataFile="TreeView.xml" XPath="/Tree/Node" />
            <%--<telerik:RadSiteMapDataSource ID="RadSiteMapDataSource1" SiteMapFile="Web.sitemap" runat="server"/>--%>
        </form>
    </body>
    code in .xml file
    <?xml version="1.0" encoding="utf-8" ?>
    <Tree>
      <Node Text="Media Center" ImageUrl="" Expanded="False">
        <Node Text="Press Release" ImageUrl="">
          <Node Text="AppData" ImageUrl="">
            <Node Text="Default" ImageUrl="Default.aspx"/>
          </Node>
          <Node Text="Contacts"  ImageUrl=""/>
          <Node Text="Downloads"  ImageUrl="" />
          <Node Text="Documents" ImageUrl=""/>
          <Node Text="Press Coverage" ImageUrl="" >
            <Node Text="Archives"  ImageUrl="" />
          </Node>
          <Node Text="Music" ImageUrl="" />
          <Node Text="Pictures" ImageUrl="" />
          <Node Text="Saved Games" ImageUrl="" />
          <Node Text="Videos" ImageUrl=""/>
        </Node>
        <Node Text="Press Coverage" ImageUrl="" >
          <Node Text="Archives"  ImageUrl=""/>
        </Node>
        <Node Text="Speaches and Writings" ImageUrl="" >
          <Node Text="Archives"  ImageUrl=""/>
        </Node>
      </Node>
      <Node Text="Default" ImageUrl="Default.aspx" >
        <Node Text="Archives"  ImageUrl=""/>
      </Node>
    </Tree>

    thanks in advance
  6. Arunkumar
    Arunkumar avatar
    6 posts
    Registered:
    13 Oct 2010
    20 Oct 2010
    Link to this post
    i can able to select the current node by url and one more thing is i cant able to expand the parent node, help me to close this
  7. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    20 Oct 2010
    Link to this post
    Hi Arunkumar,

    To select a node use set_selected method on the client. get_parent will give you the parent node and set_expanded Expands or collapses a Node.

    Sincerely yours,
    Ivan Dimitrov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  8. Arunkumar
    Arunkumar avatar
    6 posts
    Registered:
    13 Oct 2010
    20 Oct 2010
    Link to this post
    sorry to disturb u again,
    i cant able to expand the parent node on page load event..
    pls try to kick me out from this thread
  9. Arunkumar
    Arunkumar avatar
    6 posts
    Registered:
    13 Oct 2010
    20 Oct 2010
    Link to this post
    its not working for me.
    finaly i got the result, refer the image.
    need to deleselect the remaining child nodes and the parent node be in expanded mode
9 posts, 0 answered