JSTREE - обновите jstree так, чтобы весь код в 'bind ("loaded.jstree') 'был перезапущен - PullRequest
Новая
       4

JSTREE - обновите jstree так, чтобы весь код в 'bind ("loaded.jstree') 'был перезапущен

5 голосов
/ 20 декабря 2011

На моей странице у меня есть кнопка, которая при нажатии обновляет jstree, найденный на этой странице. 

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

Теперь, когда загружается jstree, данные считываются из двумерного массива, а значки узлов меняются в соответствии с данными, найденными в этом массиве. Мне нужна функция, которая будет обновлять или перезагружать jstree и одновременно отображать правильные значки для узлов на основе данных, считанных из 2D-массива.

Если я использую '$j("#demo2").jstree("refresh");', дерево перезагружается, но оно не сохраняет свое прежнее открытое состояние.

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    
          });
      }

   });

});

Есть ли способ перезагрузить / обновить дерево так, чтобы весь код в функции '$j("#demo2").bind("loaded.jstree", function (e, data) {' был перезапущен?

Ответы [ 2 ]

6 голосов
/ 20 декабря 2011

Вы можете вызвать событие самостоятельно 

$j("#demo2").trigger("loaded.jstree");
0 голосов
/ 22 ноября 2013

Существует одно событие, которое срабатывает при обновлении дерева или узла, связанного с перезагрузкой данных.это 

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