Question

Im using ajax loading for children nodes in JQuery JsTree plugin. I need to refresh all children nodes if I reopen loaded node in web browser.

Answer 1

You can use something like this where on close new class is added to the node that causes node to be refreshed on open. If the class is present. So you can remove the on close_node part and add your own class name for nodes that needs to be refreshed on open

$(function () {
    var tree_id="#jstree"
    var ajax_again="to-be-refreshed";

    $(tree_id).bind("open_node.jstree close_node.jstree", function (e,data) {
        var currentNode = data.args[0];
        if(e.type === "close_node") {
            currentNode.addClass(ajax_again);
        }   
        if(e.type === "open_node") {
            if (currentNode.hasClass(ajax_again)) { 
                var tree = $.jstree._reference(tree_id);
                tree.refresh(currentNode);
            }  
        }
    })  .jstree({

or you can use simplified version when all nodes are refresh on open

$(function () {
    var tree_id="#jstree"

    $(tree_id).bind("open_node.jstree close_node.jstree", function (e,data) {
        var currentNode = data.args[0];
        if(e.type === "open_node") {
            var tree = $.jstree._reference(tree_id);
            tree.refresh(currentNode);
        }
    })  .jstree({