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

Remove link of the text of the RadTreeNode.text

4 Answers 62 Views

TreeView

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

4 Answers, 1 is accepted

answered on 24 Jun 2008, 08:18 PM

Hi Bits,

You can cancel any actions that occur when the RadTreeNode is clicked on the client by handling the OnClientNodeClicking event. Here is an example:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" />     
        
                    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                        <script> 
        
                            function ClientNodeClicking(sender, eventArgs) 
        
                            { 
        
                                eventArgs.set_cancel(true); 
        
                            }                
        
                        </script> 
        
                    </telerik:RadCodeBlock> 
        
                    <telerik:RadTreeView ID="RadTreeView1" runat="server"  
        
                        OnClientNodeClicking="ClientNodeClicking"> 
        
                        <Nodes> 
        
                            <telerik:RadTreeNode Text="Node 1"> 
        
                                <Nodes> 
        
                                    <telerik:RadTreeNode Text="Node 1.1" /> 
        
                                    <telerik:RadTreeNode Text="Node 1.2" /> 
        
                                </Nodes> 
        
                            </telerik:RadTreeNode> 
        
                            <telerik:RadTreeNode Text="Node 2"> 
        
                                <Nodes> 
        
                                    <telerik:RadTreeNode Text="Node 2.1" /> 
        
                                    <telerik:RadTreeNode Text="Node 2.2" /> 
        
                                </Nodes> 
        
                            </telerik:RadTreeNode> 
        
                            <telerik:RadTreeNode Text="Node 3"> 
        
                                <Nodes> 
        
                                    <telerik:RadTreeNode Text="Node 3.1" /> 
        
                                    <telerik:RadTreeNode Text="Node 3.2" /> 
        
                                </Nodes> 
        
                            </telerik:RadTreeNode> 
        
                        </Nodes> 
        
                        <CollapseAnimation Type="OutQuint" Duration="100" /> 
        
                        <ExpandAnimation Duration="100" /> 
        
                    </telerik:RadTreeView> 
        
                </form> 
        
            </body> 
        
            </html>

If you would like to read about this event further, please check out the documentation.

I hope this was helpful. If you need further assistance, please let me know.

Sincerely,
Kevin Babcock

answered on 26 Jun 2008, 02:32 AM

Hello Bits,

If you check the markup generated by the RadTreeView, you can see that it is not created with a link, but a <span>. It's look and feel is set by the CSS and javascript set by its default or custom skin. If you'd like to change how the RadTreeNode looks, you can set the CssClass and add your own styling. If you don't like it's behavior, try intercepting some of its client-side events and changing it. You can check out some of those events here.

I hope I was helpful. If something is still not clear or you continue to have trouble, let me know and I'll try to help you further.

Sincerely,
Kevin Babcock

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Remove link of the text of the RadTreeNode.text

4 Answers, 1 is accepted