Comment initialiser jsTree à l'aide de JSON

Je fais jsTree de cette manière:

$("#myTree").jstree({
                "plugins": ["themes", "json_data", "ui", "crrm", "dnd"],
                "themes": {
                    "theme": "default",
                    "dots": false,
                    "icons": false,
                    "url": "../../Content/jsTreeThemes/default/style.css"
                },
                "json_data": {
                   "data" : []
                }
});

Et l'utilisateur voit une page vide jsTree. Je dois initialiser mon jsTree lorsque l'utilisateur d'effectuer une certaine action. Mais je il ne faut pas utiliser ajax initialisation (I il ne faut pas utiliser "ajax" dans "json_data"). Je dois initialiser mon jsTree en utilisant uniquement des chaines de caractères comme ceci:

var stringJSON = [{
    "attr": {
        "id": "1",
        "rel": "root",
        "mdata": null
    },
    "data": "title": "root_jsTree",
    "icon": null
}, "state": "open",
"children": [{
    "attr": {
        "id": "7",
        "rel": "folder",
        "mdata": null
    },
    "data": {
        "title": "1",
        "icon": null
    },
    "state": "",
    "children": [{
        "attr": {
            "id": "10",
            "rel": "folder",
            "mdata": null
        },
        "data": {
            "title": "leaf",
            "icon": null
        },
        "state": "",
        "children": []
    }]
}, {
    "attr": {
        "id": "8",
        "rel": "folder",
        "mdata": null
    },
    "data": {
        "title": "leaf",
        "icon": null
    },
    "state": "",
    "children": [{
        "attr": {
            "id": "9",
            "rel": "folder",
            "mdata": null
        },
        "data": {
            "title": "leaf",
            "icon": null
        },
        "state": "",
        "children": []
    }]
}]
}]'

Peu importe comment je recevoir cette chaîne, lorsque l'utilisateur veut voir l'arbre que j'ai déjà eu cette chaîne.
Et ici, je reçois question: Comment puis-je initialiser jsTree et d'affichage pour l'utilisateur à l'aide uniquement de la chaîne ci-dessous.

InformationsquelleAutor Pavel F | 2011-10-31
  1. 5

    Probablement vous voulez quelque chose comme ça? http://jsfiddle.net/radek/fmn6g/11/

    • Où j'ai insérer jsTree sur un clic de bouton.
    • Le javascript sur cliquez sur la fonction insère 'jstree' div et contient également jsTree définition.
    • Comme vous pouvez le voir j'ai aussi utiliser json type de données.

    Plus d'infos dans ma question affichage jsTree cliquez sur

    Est que ce que vous êtes après?

    InformationsquelleAutor Radek
  2. 5

    Voici ma solution:

    var jsTreeSettings = $("#myTree").jstree("get_settings");
jsTreeSettings.json_data.data = $.parseJSON(stringJSON);
$.jstree._reference("myTree")._set_settings(jsTreeSettings);

//Refresh whole our tree (-1 means root of tree)
$.jstree._reference("myTree").refresh(-1);

    Cette solution fonctionne même si nous avons mis en place AJAX pour charger le modèle avant de.

    À partir de la documentation:

    Si à la fois les données et l'ajax sont mis de l'arbre initial est rendu à partir de la chaîne de données.
    Lors de l'ouverture d'un nœud fermé (qui n'a pas chargé les enfants), une requête AJAX est faite.

    Plus d'informations est ici http://www.jstree.com/documentation/json_data

    J'ai décidé d'utiliser cette solution car je dois changer stringJSON à plusieurs reprises et de reconstruction de l'arbre à l'aide de cet changé de chaîne de caractères (sans rechargement de la page).

    InformationsquelleAutor Pavel F