JSTREE - aggiorna jstree in modo tale che tutto il codice all'interno di "bind (" loaded.jstree ")" venga ripetuto

Question

Sulla mia pagina, ho un pulsante, che al clic su, aggiorna un jstree trovato su quella pagina.

<input type="button" value="Test" onclick='$j("#demo2").jstree("refresh");'/> 

Ora, quando i carichi jstree, i dati vengono letti da una matrice 2D e le icone nodo vengono modificati in base ai dati disponibili a tale matrice. Ho bisogno di una funzione che aggiorni o ricarichi il jstree e allo stesso tempo mostri le icone appropriate per i nodi in base ai dati letti dall'array 2D.

Se utilizzo '$j("#demo2").jstree("refresh");', l'albero viene ricaricato ma non mantiene il suo stato aperto precedente.

codice jstree

$j("#demo2").jstree({ 
      "ui" : { 
      "select_limit" : -1, 
      "select_multiple_modifier" : "ctrl", 
      "select_range_modifier" :"shift", 
      }, 

      "json_data" : { 
      "progressive_render" : false, 
      "selected_parent_open": true, 
      "ajax" : { 
       "url" : "/json/test1.json" 
      } 
      }, 

      "plugins" : [ "themes", "json_data", "ui", "crrm", "contextmenu" ], 

      'contextmenu' : { 
      'items' : customMenu 
      } 

     })//end of jstree function 


     /*************************************************************************** 
     When the jstree is first loaded, loop through the data retrieved 
     from the database (stored previously in a 2d array called 'status_from_db') and 
     select all jstree nodes found in that array. 
     ***************************************************************************/ 
    $j("#demo2").bind("loaded.jstree", function (e, data) {  
     var inst = data.inst; 
     var i; 
     for (i = 0; i < status_from_db.length; ++i) { 
      var node_name = status_from_db[i][0]; 
      $j("#demo2").find($j("li[name='"+node_name+"']")).each(function (k, v) { 
      inst.select_node(v); 

     /*************************************************************************** 
     Based on the retrieved data, assign the correct class to the variable 
     'selected_class and then modify the class of the <li> tag of the respective 
     node. 
     ***************************************************************************/ 
      var node_strength = status_from_db[i][1]; 
      var node_add_strength = status_from_db[i][2]; 
      var selected_class; 
      if (node_strength == "present" && node_add_strength == ""){ 
       selected_class = "jstree-icon4"; 
      } 
      else if (node_strength == "present" && node_add_strength == "strong") { 
       selected_class = "jstree-icon3"; 
      } 


      $j("li[name='"+node_name+"'] > ins").attr("class",selected_class);// set class to display new icon 
      $j("li[name='"+node_name+"'] > a ins").attr("class",selected_class);// set class to display new icon  
      }); 
     } 

    }); 

}); 

C'è un modo di ricaricare/rinfrescare l'albero in modo tale che tutto il codice all'interno di '$j("#demo2").bind("loaded.jstree", function (e, data) {' funzione viene re-run?

Answer 1

si potrebbe attivare l'evento da soli

$j("#demo2").trigger("loaded.jstree"); 

Answer 2

C'è un evento che fa scattare quando si aggiorna l'albero o nodo che è legata alla ricarica dei dati. è

.bind("reopen.jstree", function(e,data) {