Tree navigation - me.dom.parentNode is undefined

[stevanicus]

Ext version tested:

• Ext 4.1.1-rc1

Browser versions tested against:

• FF13

Description:

• This is a very difficult one to reproduce... but it only occurs when adding many nodes and child nodes at once
• The error also only appears depending on the size of tree - a big tree didnt create this error - only a smaller one as in the next step of this post

Steps to reproduce the problem:

• Create a tree and add the following structure at once from an array - not on button click or so
• Node 1
  • Node 1.1
    • Node 1.2
• Node 2
  • Node 2.1
    • Node 2.2
• -- continue until 5.2

The result that was expected:

• Tree is displayed correctly

The result that occurs instead:

• cashes with 'me.dom.parentNode is undefined'

I had found a temporary solution using

parentNode.insertChild(parentNode.childNodes.length, childNode );

instead of that

parentNode.appendChild(childNode);

or vice versa... however that stopped working in the end for me.

My final fix is to alter the ExtJS Lib:
Under

Ext.dom.AbstractElement.addMethods({

for function

insertSibling: function(el, where, returnDom){

change

if(el.nodeType || el.dom){
                rt = me.dom.parentNode.insertBefore(Ext.getDom(el), isAfter ? me.dom.nextSibling : 
                if (!returnDom) {
                    rt = Ext.get(rt);
                }
            }            
        }

to

if(el.nodeType || el.dom){
            if(me.dom.parentNode){
                rt = me.dom.parentNode.insertBefore(Ext.getDom(el), isAfter ? me.dom.nextSibling : me.dom);
                if (!returnDom) {
                    rt = Ext.get(rt);
                }
            }            
        }

[evant]

Impossible to tell without a test case, I'd say the problem, whether yours or ours, lies elsewhere, not in that core code.

[stevanicus]

thanks for your reply - I will try and get a test case on here as soon as possible. However it only happens when i'm inserting a child node. Linear is fine... and if I add the if() statement in the core code, everything works just as it should.

my insert function

var parentNode = this.getANodeByID(parentID);
        if(parentNode){
            var childNode = this.getANodeByID(childID);
            if(childNode){
                //parentNode.insertChild(parentNode.childNodes.length, childNode );
                //parentNode.appendChild(childNode);
            }
        }

my getANodeByID function

getANodeByID: function(itemID){
        return this.getNavigatorTree().getStore().getNodeById("nav_" + itemID);
    },