Wie fügt man Artikel dynamisch zu einem Polymerpapierbaum hinzu?

Question

Ich benutze Polymer Papier-Baum-Element in meinem Code.Its zeigt den Baum perfekt mit statischen Daten, aber wenn ich versuche, ein Element dynamisch hinzuzufügen, funktioniert es nicht. Ich füge hier einen Screenshot an. enter image description here

// Array

this.itemArray = {"name": "Project", 
               "icon": "theaters", 
               "open": true, 
               "children": [{ 
                "name": "Quotes", 
                "icon": "theaters", 
                "open": true, 
                "children": [{ 
                 "name": "Breaking Bad", 
                 "icon": "theaters" 
                }] 
               }, { 
                "name": "Templates", 
                "icon": "theaters", 
                "open": true, 
                "children": [{ 
                 "name": "Breaking Bad", 
                 "icon": "theaters" 
                }, { 
                 "name": "Game of Thrones", 
                 "icon": "theaters" 
                }] 
               }] 
             } 

    //Js code which accepts value from a text box and adds it to the array. 


this.$.additem.addEventListener("click", function(){ 

enter code herevar data = self.$.txtData.value; 
                      self.itemArray.children[1].children.push(
              {'name':data, 
              'icon':'theaters'}); 

              self.addData(self.itemArray,data); 
              self.$.txtData.value = " "; 


            }); 

// addData function 



addData:function(itemsarr){ 
         console.log("calling items array function",this.tree); 
         var tempArr = []; 
         tempArr = itemsarr; 
         if(this.tree){ 
         this.$.temp.removeChild(this.tree); 
         //tempArr = itemsarr; //= this.itemArray2; 
         } 

         this.tree = document.createElement('paper-tree-node'); 
         this.tree.setAttribute('id','treemenu'); 
         this.$.temp.appendChild(this.tree); 
         this.tree.data = tempArr; 
         console.log(tempArr); 

     } 

Answer 1

Polymer Papierbaum eine Dateneigenschaft haben. Sie müssen es nur aktualisieren.

Hilfe-Link: https://github.com/vpusher/paper-tree/blob/master/paper-tree.html