title: jstree does not refresh using ASP.NET MVC 4
body: <p>I’m currently having trouble refreshing the entire jstree; the initial tree loading works fine and refreshing child nodes also works as expected but if the data changes in the root node the tree does not refresh even the data has changed and the call to the server was made.</p>
  
  <p>I will try to explain the setup of the jstree.</p>
  
  <p><strong>Global variable</strong></p>
  
  <pre><code>var levelType;
  </code></pre>
  
  <p><strong>The Tree Setup</strong></p>
  
  <pre><code>  $("#explorer").jstree({
          plugins: ["core", "ui", "themes", "json_data", "types"],
          themes: {
              theme: "default",
              dots: false,
              url: url = '@Url.Content("~/Content/jstree/default/style.css")'
          },
               json_data: {
                   ajax: {
                       cache: false,
                       url: function (node) {
                           var nodeId = "";
                           var url = "";
                           if (node == -1) {
                               url = '@Url.Action("GetSites", "Site")';
                      } else if ($(node).attr("rel") == "station") {
                          url = '@Url.Action("GetInspections", "Inspection")' + '/' + $(node).attr("id");
                      }
                      return url;
                  },
                  success: function (metaData, textStatus, jqXhr) {
  
                      if (levelType == null || levelType == undefined || levelType == "root") {
                          //The initial node that is hard coded and will never change
                          var sitesData = [{ attr: { rel: "root" }, state: "open", data: "Root Node", children: [] }];
  
                          $(metaData).each(function () {
                              sitesData[0].children.push({ attr: { id: this.Id, rel: "station" }, state: "closed", data: this.Name });
                          });
                          return sitesData;
                      }
  
                      if (levelType == "station" || levelType == "inspection") {
                          var items = [];
                          $(metaData).each(function () {
                              items.push({ attr: { id: this.Id, rel: "inspection",    "class": "jstree-leaf" }, state: "closed", data: this.Name });
                          });
  
                          return items;
                      }
  
                      return null;
                  }
              }
          },
               types: {
                   types: {
                       "station": {
                           "icon": {
                               "image": '@Url.Content("URL")'
                      }
                  },
                  "inspection": {
                      "icon": {
                          "image": '@Url.Content("URL")'
                  }
              },
                  'loading': {
                      'icon': {
                          'image': '@Url.Content("URL")'
                  }
              },
                  'root': {
                      'icon': {
                          'image': '@Url.Content("URL")'
                  }
              }
              }
          }
   });
  </code></pre>
  
  <p><strong>Tree Node Open Event</strong></p>
  
  <pre><code>$("#explorer").bind("before.jstree", function (e, data) {
      if (data.func === "open_node") {
          levelType = $(data.args[0]).attr("rel");
      }
  });
  </code></pre>
  
  <p><strong>This call works and refreshes the child nodes under station level as expected</strong></p>
  
  <pre><code>   var tree = jQuery.jstree._reference("#explorer");
     var currentNode = tree._get_node("#the node Id");
     var parent = tree._get_parent(currentNode);
  
     // this returns "inspection"
     levelType = $(currentNode).attr("rel");
  
     //the parent node is the station node
     tree.refresh(parent);
  </code></pre>
  
  <p><strong>THIS CALL DOES NOT WORK but should refresh the entire tree</strong></p>
  
  <pre><code>  var tree = jQuery.jstree._reference("#explorer");
    var currentNode = tree._get_node("#the node id");
   //set the level the tree should be refreshing its data for (this is to ensure that the tree view knows it is not at a root node).
    var parent = tree._get_parent(currentNode);
   //this returns "root"
    levelType = $(parent).attr("rel");
    tree.refresh(-1);
  </code></pre>
  
  <p>I hope someone can help me with this as it's driving me crazy.</p>
  
  <p>Cheers</p>