Async HTML demo

This time all nodes are loaded from an external file. Notice that when you open the closed node nothing happens.

$(function () { 
    $("#async_html_1").tree({
        data : { 
            opts : {
                url : "async_html_data.txt"
            }
        }
    });
});

Node 1
Node 2

By setting async : true we are telling jsTree to request its data from the server everytime a closed node is opened (unless of course it is already loaded). If you want to modify the data sent to the server with each request take a look at the beforedata callback.

$(function () { 
    $("#async_html_2").tree({
        data : { 
            async : true,
            opts : {
                url : "async_html_data.txt"
            }
        }
    });
});

Node 1
Node 2