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

How completely disable selected state of nodes in RadTreeView

6 Answers 309 Views

TreeView

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

Eugeny asked on 24 Nov 2009, 04:52 PM

Problem: I need to completely disable selected state of nodes in RadTreeView.

I attach OnClientNodeClicking and OnClientKeyPressing to RadTreeView.

Please, try this markup. It shows strange behaviour:

Step 1. I expand 'Node 1' by clicking on plus image ([+])
Step 2. Now I press 'Enter' (or 'Up', 'Down') key
... and .. first node is selected! (In spite of the fact that I used OnClientKeyPressing)

If in step 1 I expand 'Node 1' by double clicking on text of node - in step 2 node not selected (normal behaviour)

    
                <form id="form1" runat="server">   
        
                <asp:ScriptManager ID="ScriptManager1" runat="server" />       
        
                <div>  
        
                  <telerik:RadTreeView ID="RadTreeView1" runat="server"  
        
                     OnClientKeyPressing="OnClientKeyPressing"  
        
                     OnClientNodeClicking="OnClientNodeClicking">   
        
                    <Nodes>  
        
                      <telerik:RadTreeNode Text="Node 1">   
        
                        <Nodes>  
        
                          <telerik:RadTreeNode Text="Node 1_1" Value="1_1"></telerik:RadTreeNode>  
        
                          <telerik:RadTreeNode Text="Node 1_2" Value="1_2"></telerik:RadTreeNode>  
        
                        </Nodes>  
        
                      </telerik:RadTreeNode>  
        
                    </Nodes>  
        
                  </telerik:RadTreeView>  
        
                </div>  
        
                </form>  
        
            <script type="text/javascript">   
        
              function OnClientKeyPressing(sender, args) {   
        
                args.set_cancel(true);   
        
              }   
        
              function OnClientNodeClicking(sender, args) {   
        
                args.set_cancel(true);   
        
              }   
        
            </script>

6 Answers, 1 is accepted

answered on 24 Nov 2009, 07:14 PM

Hello,

I have created test page. using your code and new Rad Project.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> 
        
            <!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></title> 
        
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" /> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                        <Scripts> 
        
                            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                        </Scripts> 
        
                    </telerik:RadScriptManager> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    </telerik:RadAjaxManager> 
        
                    <div> 
        
                        <telerik:RadTreeView ID="RadTreeView1" runat="server" OnClientKeyPressing="OnClientKeyPressing" 
        
                            OnClientNodeClicking="OnClientNodeClicking"> 
        
                            <Nodes> 
        
                                <telerik:RadTreeNode Text="Node 1"> 
        
                                    <Nodes> 
        
                                        <telerik:RadTreeNode Text="Node 1_1" Value="1_1"> 
        
                                        </telerik:RadTreeNode> 
        
                                        <telerik:RadTreeNode Text="Node 1_2" Value="1_2"> 
        
                                        </telerik:RadTreeNode> 
        
                                    </Nodes> 
        
                                </telerik:RadTreeNode> 
        
                            </Nodes> 
        
                        </telerik:RadTreeView> 
        
                    </div> 
        
                </form> 
        
                <script type="text/javascript">    
        
              function OnClientKeyPressing(sender, args) {    
        
                args.set_cancel(true);    
        
              }    
        
              function OnClientNodeClicking(sender, args) {    
        
                args.set_cancel(true);    
        
              }    
        
                </script> 
        
            </body> 
        
            </html>

Your code seems to be working in FF 3.5.5 . None of the nodes are selected by key or click.

answered on 24 Nov 2009, 08:17 PM

problem-inradtreeview.gif

Hello, Roland!
Yes, really, in FF 3.5 your code is working.
But in Internet Explorer 8 first node is selected! (If you click on [+] image and press 'Enter' key)
See attached image.

Whether there is a elegant solution of this problem?

answered on 24 Nov 2009, 08:52 PM

I did some experimenting with your implementation and IE8 and sure enough it seems as if on the initial pressing the enter/up/down keys do not fire an event in IE. I event went as far as so set up this line:

    
            <body onkeypress="return false" onkeydown="return false">

This worked fine in FF and Opera, but not IE (8 and 8 in compatibility mode). It seems like it takes until the second key press before the proper events are fired. Almost seems like there's something going on with the javascript engine of IE :|

Accepted

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

How completely disable selected state of nodes in RadTreeView

6 Answers, 1 is accepted