"Out of Stack Space" beim Füllen von jsTree durch AJAX-Aufruf

Question

Ich muss meine jsTree mit Daten aus DB durch Ajax-Aufruf bevölkern. Die Beispieldaten sehen wie folgt aus. Wenn Sie genau hinsehen, ist der zweite Knoten (Node2) das Kind des ersten Knotens (Node1) und der dritte Knoten ist Kind des zweiten Knotens, aber die ID des dritten Knotens ist Node2. Was ein Problem verursacht und anstatt einen Baum zu zeigen, zeigt es mir ... loading ... sign.

$('#tree').jstree({ 
     'core' : { 
      'data' : [     
       { "id" : "Node1", "parent" : "#", "text" : "Root node" }, 
       { "id" : "Node2", "parent" : "Node1", "text" : "Child 1" }, 
       { "id" : "Node2", "parent" : "Node2", "text" : "Child 2" }, 
      ] 
     } 
    }); 

meine jsfiddle hier pls.

Es ist nur ein Beispieldaten. Die tatsächlichen Daten enthalten Nummern im ID-Teil und ich verwende diese ID weiter, um mehr Daten über das Selection-Ereignis dieses Knotens zu holen.

Answer 1

Sie haben einen Tippfehler in Ihrem JS-Code: zwei Knoten teilen sich die gleiche id.

$('#tree').jstree({ 
    'core' : { 
     'data' : [     
      { "id" : "Node1", "parent" : "#", "text" : "Root node" }, 
      { "id" : "Node2", "parent" : "Node1", "text" : "Child 1" }, 
      { "id" : "Node3", "parent" : "Node2", "text" : "Child 2" }, 
     ] 
    } 
}); 

Hier ist ein Codepen mit Arbeits Code: http://codepen.io/adrenalinedj/pen/VarWrp

Answer 2

Wie gesagt, ich bin der Baum durch ein AJAX-Aufruf bevölkern, die Daten im JSON-Format aus meiner Feder-Controller bringt. Während ich die JSON-Objekte vorbereite, erstelle ich Objekte so, dass meine Baum-ID mit ihrer jeweiligen Eltern-ID auch in Schleife eindeutig wird.

Entschuldigung, dass der Beispielcode wegen der Richtlinieneinschränkungen der Firma hier nicht hochgeladen wurde.