Hover-over popup on radtreeview node populated from ajax call?

[Phil]

Hi, 

I have been poking around on the forums and doing some soul-googling about this, but have not found any examples that hit the mark. 

I am displaying some data in a RadTreeView. For some, but not all, of the nodes, I want to have a popup on mouse-over that will display some summary data. I want the data to be populated at run time from an ajax call to the server to avoid bloating the get payload whenever the tree is populated.

I am not sure whether I need to use a window to do this -- these look a bit more heavy weight than what I need. This just needs to be a simple panel that comes up and that can be dismissed from a cancel button. 

I would be grateful for any suggestions you can offer. Thanks. 
--Phil 

[Plamen]

Hi Phil,

You can handle OnClientMouseOver client event of RadTreeView and use it as in the code below to trigger you custom ajax call:

<script type="text/javascript">

           function OnClientMouseOver(sender, args) {
               if (args.get_node().get_text() == "text2") {
                   //.. your ajax call
               }
           }

       </script>
   <div>
       <telerik:RadTreeView runat="server" OnClientMouseOver="OnClientMouseOver" >
           <Nodes>
               <telerik:RadTreeNode Text="text1"></telerik:RadTreeNode>
               <telerik:RadTreeNode Text="text2"></telerik:RadTreeNode>
               <telerik:RadTreeNode Text="text3"></telerik:RadTreeNode>
               <telerik:RadTreeNode Text="text4"></telerik:RadTreeNode>

           </Nodes>
       </telerik:RadTreeView>
   </div>

As for the second questions -you can sue the lightweight render mode  RadWindow that should fit your requirements.

Hope this information will be helpful.


Regards,
Plamen
Telerik