What's New?

[CLOSED] TreePanel rendering issues

  1. #1
    Feb 15, 2013, 7:47 PM

    [CLOSED] TreePanel rendering issues

    Hi,

    I am currently on ExtJS version 4.2.0.265 and I am having problems with TreePanel rendering when trying to expand or collapse nodes.

    In IE 8 -
    After drilling down a few levels, you start getting the error -
    SCRIPT438: Object doesn't support property or method 'getAttribute'
    In Chrome - the lines start to disappear.

    you can reproduce the issue with the following example - 

    
<%@ Import Namespace="Ext.Net" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Import Namespace="System.Linq" %>
<%@ Import Namespace="System.Xml.Linq" %>
<%@ Import Namespace="System.Collections" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
       
 
        If Not IsPostBack Then
           
        End If
    End Sub
   
    Protected Sub NodeLoad(ByVal sender As Object, ByVal e As NodeLoadEventArgs)
        
        Dim prefix = IIf(e.ExtraParams("prefix") = Nothing, e.ExtraParams("prefix"), String.Empty)
        
        If Not String.IsNullOrWhiteSpace(e.NodeID) Then
            
            For i As Int32 = 1 To 6
                Dim asyncNode As New Node() With {.Text = prefix & e.NodeID & i, .NodeID = e.NodeID & i}
                e.Nodes.Add(asyncNode)
            Next
            
            For i As Int32 = 7 To 12
                Dim treeNode As New Node() With {.Text = prefix & e.NodeID & i, .NodeID = e.NodeID & i, .Leaf = True}
                e.Nodes.Add(treeNode)
            Next
            
        End If
            
        
    End Sub
    
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
    <script type="text/javascript">

    </script>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
        DisableViewState="true" />
    <h1>
        TreePanel using PageProxy</h1>
    <p>
        Set custom node prefix:</p>
    <ext:TextField ID="TextField1" runat="server" Text="Node" Width="200" />
    <ext:TreePanel ID="TreePanel1" runat="server" Title="Tree" Width="200" Height="500" Padding="15"
        Border="false">
        <Store>
            <ext:TreeStore ID="TreeStore1" runat="server" OnReadData="NodeLoad">
                <Proxy>
                    <ext:PageProxy />
                </Proxy>
                <Parameters>
                    <ext:StoreParameter Name="prefix" Value="#{TextField1}.getValue()" Mode="Raw" />
                </Parameters>
            </ext:TreeStore>
        </Store>
        <Root>
            <ext:Node NodeID="0" Text="Root" />
        </Root>
    </ext:TreePanel>
    </form>
</body>
</html>
    Last edited by geoffrey.mcgill; Feb 18, 2013 at 7:32 PM. Reason: [CLOSED]
  2. #2
    Feb 15, 2013, 11:43 PM
    Hello!

    Try the following:

    Protected Sub NodeLoad(ByVal sender As Object, ByVal e As NodeLoadEventArgs)
	 
	Dim prefix = IIf(e.ExtraParams("prefix") = Nothing, e.ExtraParams("prefix"), String.Empty)
	 
	If Not String.IsNullOrWhiteSpace(e.NodeID) Then
		 
		For i As Int32 = 1 To 5
			Dim asyncNode As New Node() With {.Text = "Node" & prefix & e.NodeID & i, .NodeID = e.NodeID & "_" & i}
			e.Nodes.Add(asyncNode)
		Next
		 
		For i As Int32 = 6 To 11
			Dim treeNode As New Node() With {.Text = "Node" & prefix & e.NodeID & i, .NodeID = e.NodeID & "_" & i, .Leaf = True}
			e.Nodes.Add(treeNode)
		Next
		 
	End If
		 
	 
End Sub
  3. #3
    Feb 17, 2013, 11:58 AM
    Hi @stratadev,

    I think your sample doesn't work because the nodes' ids are not unique. For example, there is the node with "011" id in the first load response and in the second one.
  4. #4
    Feb 18, 2013, 4:57 PM
    Thanks guys, I have one more problem here -

    When I set Animate="false", the AfterItemCollapse event fires before the BeforeItemCollapse event.

    Is this expected or Am I missing something?

    <%@ Import Namespace="Ext.Net" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Import Namespace="System.Linq" %>
<%@ Import Namespace="System.Xml.Linq" %>
<%@ Import Namespace="System.Collections" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        
  
        If Not IsPostBack Then
            
        End If
    End Sub
    
    Protected Sub NodeLoad(ByVal sender As Object, ByVal e As NodeLoadEventArgs)
      
        Dim prefix = IIf(e.ExtraParams("prefix") = Nothing, e.ExtraParams("prefix"), String.Empty)
      
        If Not String.IsNullOrWhiteSpace(e.NodeID) Then
          
            For i As Int32 = 1 To 50
                Dim asyncNode As New Node() With {.Text = "Node" & prefix & e.NodeID & i, .NodeID = e.NodeID & "_" & i}
                e.Nodes.Add(asyncNode)
            Next
          
            For i As Int32 = 51 To 200
                Dim treeNode As New Node() With {.Text = "Node" & prefix & e.NodeID & i, .NodeID = e.NodeID & "_" & i, .Leaf = True}
                e.Nodes.Add(treeNode)
            Next
          
        End If
          
      
    End Sub
     
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
    <script type="text/javascript">
 
    </script>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
        DisableViewState="true" />
    <h1>
        TreePanel using PageProxy</h1>
    <p>
        Set custom node prefix:</p>
    <ext:TextField ID="TextField1" runat="server" Text="Node" Width="200" />
    <ext:TreePanel ID="TreePanel1" runat="server" Title="Tree" Width="200" Height="500" Padding="15"
        Border="false" UseArrows="true" Animate="false" >
        <Listeners>
            <BeforeItemCollapse Handler="alert('Before Collapse');" />
            <AfterItemCollapse Handler="alert('After Collapse');" />
        </Listeners>
        <Store>
            <ext:TreeStore ID="TreeStore1" runat="server" OnReadData="NodeLoad">
                <Proxy>
                    <ext:PageProxy />
                </Proxy>
                <Parameters>
                    <ext:StoreParameter Name="prefix" Value="#{TextField1}.getValue()" Mode="Raw" />
                </Parameters>
            </ext:TreeStore>
        </Store>
        <Root>
            <ext:Node NodeID="0" Text="Root" />
        </Root>
    </ext:TreePanel>
    </form>
</body>
</html>
  5. #5
    Feb 18, 2013, 7:14 PM
    Never mind, once we updated to the latest version, the issue is gone.

    Please go ahead and close this thread.

    Quote Originally Posted by stratadev View Post
    Thanks guys, I have one more problem here -

    When I set Animate="false", the AfterItemCollapse event fires before the BeforeItemCollapse event.

    Is this expected or Am I missing something?

    <%@ Import Namespace="Ext.Net" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<%@ Import Namespace="System.Linq" %>
<%@ Import Namespace="System.Xml.Linq" %>
<%@ Import Namespace="System.Collections" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        
  
        If Not IsPostBack Then
            
        End If
    End Sub
    
    Protected Sub NodeLoad(ByVal sender As Object, ByVal e As NodeLoadEventArgs)
      
        Dim prefix = IIf(e.ExtraParams("prefix") = Nothing, e.ExtraParams("prefix"), String.Empty)
      
        If Not String.IsNullOrWhiteSpace(e.NodeID) Then
          
            For i As Int32 = 1 To 50
                Dim asyncNode As New Node() With {.Text = "Node" & prefix & e.NodeID & i, .NodeID = e.NodeID & "_" & i}
                e.Nodes.Add(asyncNode)
            Next
          
            For i As Int32 = 51 To 200
                Dim treeNode As New Node() With {.Text = "Node" & prefix & e.NodeID & i, .NodeID = e.NodeID & "_" & i, .Leaf = True}
                e.Nodes.Add(treeNode)
            Next
          
        End If
          
      
    End Sub
     
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
    <script type="text/javascript">
 
    </script>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
        DisableViewState="true" />
    <h1>
        TreePanel using PageProxy</h1>
    <p>
        Set custom node prefix:</p>
    <ext:TextField ID="TextField1" runat="server" Text="Node" Width="200" />
    <ext:TreePanel ID="TreePanel1" runat="server" Title="Tree" Width="200" Height="500" Padding="15"
        Border="false" UseArrows="true" Animate="false" >
        <Listeners>
            <BeforeItemCollapse Handler="alert('Before Collapse');" />
            <AfterItemCollapse Handler="alert('After Collapse');" />
        </Listeners>
        <Store>
            <ext:TreeStore ID="TreeStore1" runat="server" OnReadData="NodeLoad">
                <Proxy>
                    <ext:PageProxy />
                </Proxy>
                <Parameters>
                    <ext:StoreParameter Name="prefix" Value="#{TextField1}.getValue()" Mode="Raw" />
                </Parameters>
            </ext:TreeStore>
        </Store>
        <Root>
            <ext:Node NodeID="0" Text="Root" />
        </Root>
    </ext:TreePanel>
    </form>
</body>
</html>

Similar Threads

  1. TreePanel issues
    By cleve in forum 2.x Help
    Replies: 1
    Last Post: Apr 09, 2012, 12:15 PM
  2. [CLOSED] IE 8 Screen rendering issues
    By Hari_CSC in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 05, 2010, 3:27 PM
  3. MultiSelect Rendering issues & rebind selected items issue
    By seanwo in forum Bugs
    Replies: 1
    Last Post: Aug 06, 2009, 5:32 PM
  4. [FIXED] [V0.8.2] MultiSelect Rendering issues with ie6
    By seanwo in forum Bugs
    Replies: 3
    Last Post: Aug 03, 2009, 6:58 PM
  5. [CLOSED] Rendering Issues
    By Ben in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 03, 2009, 10:27 AM

Posting Permissions