how to deselect telerik treeview node on form body click?

[Burepalli V S Rao]

Hi Friends,

i want to deselect the telerik treeview node on form body click using javascript?

how to do that?

thanks,
Burepalli V S Rao.

[Plamen]

Hello,

 
You can use the unselectAllNodes function of the client object of RadTreeView when one clicks outside of it.

Hope this will help you.

All the best,
Plamen Zdravkov
the Telerik team

[SB]

Hi,

i want this only, but when i call this function like the below one

window.document.body.onclick = UnSelectAllNodes;
it is getting deselecting the nodes, but after that if i click on item then it has to select it, but it is not getting selected

Thanks,
Burepalli V S Rao.

[Princy]

Hello Mohinder,

I have created a sample code based on your scenario. Please check the following code snippet.
aspx:

<form id="form1" runat="server" onclick="deselect();" style="background-color:Red;">
 <div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<telerik:RadTreeView ID="RadTreeView1" runat="server" OnClientNodeClicking="OnClientNodeClicking"  >
   <Nodes>
    <telerik:RadTreeNode Text="Node1"></telerik:RadTreeNode>
    <telerik:RadTreeNode Text="Node2"></telerik:RadTreeNode>
    <telerik:RadTreeNode Text="Node3"></telerik:RadTreeNode>
    <telerik:RadTreeNode Text="Node4"></telerik:RadTreeNode>
  </Nodes>
</telerik:RadTreeView>
</div>
</form>

JS:

<script type="text/javascript">
    var i;
    function deselect() {
   var tree = $find("<%= RadTreeView1.ClientID%>");
  tree.unselectAllNodes();
   }
     i = 1;
    }
    function OnClientNodeClicking(sender, args) {
        i = 0;
    }
</script>

Thanks,
Princy.