JsTree with custom json data

Question

I have this structure in json I can not be modified by request.

{
        \"Object\": [
            {
                \"url\": \"http://www.google.com\"
                 


        

Answer 1

Either:

1) use the jQuery dataFilter option (this means defining a function for dataFilter in your core.data jsTree config),

or

2) set core.data itself to a function, manually make the request and transform it like so:

$('#your-tree').jstree({
    core : {
        data : function (node, cb) {
            $.ajax({ url : ... }).done(function (data) {
                cb([{ "id" : data.id, "text" : data.name }])
            });
        }, ...

You can find more info on setting core.data to a function here: https://github.com/vakata/jstree#populating-the-tree-using-a-callback-function