jsTree AJAX sample

by Ea Bangalore

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.1/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.1/themes/default/style.min.css">
<div id="tree">
</div>

JavaScript

function DummyData(){
    return {
    json:JSON.stringify([{ text: 'Hello Doc',
        id: Math.random().toString(36).substring(7),
        children:true
    }, 
    { text: 'Foo',
     id: Math.random().toString(36).substring(7), 
     children:true}]),
    delay: 3};
}

$("#tree").jstree({    
       "plugins" : ["json_data"],
    core:{
        data: {
                "type": 'POST',
                "url": function (node) {
                    return "/echo/json/";
                },
                data: function(){
                    console.log(arguments);
                    return DummyData();
                },
                "success": function (new_data) {
                    console.log(new_data);
                    return new_data;
                }
            }
    },
});