Eine einfache jstree Beispiel erstellen/umbenennen/löschen von Knoten

Neu jstree und jquery, war auf der Suche nach einem einfachen tutorial, das erstellen, umbenennen und löschen von Knoten, aber konnte ihn nicht finden, obwohl es ein paar gute tutorials (entweder nicht in meiner Umgebung oder nicht brauchen).

Sahen ein Interessantes Beispiel http://www.jstree.com/demo/, aber es ist kompliziert durch die Mischung von anderen Beispielen und alle html-Formatierungen. Verbrachte einige Zeit und reduziert es auf ein minimum. Hoffe, es kann Ihnen helfen, in Ihrem Projekt!

Snapshot:

http://jsfiddle.net/ba75Y/2/

Zu tun, die ajax, Sie können sich auf folgenden Ausschnitt, achten Sie auf die "url" - Feld.
Deine Antwort-handler zurückgeben sollte so etwas wie

["Child 1", { "id" : "demo_child_1", "text" : "Child 2", "children" : [ { "id" : "demo_child_2", "text" : "One more", "type" : "file" }] }]

Ajax snippet

$(function () {
    var to = false;
    $('#demo_q').keyup(function () {
        if(to) { clearTimeout(to); }
        to = setTimeout(function () {
            var v = $('#demo_q').val();
            $('#jstree_demo').jstree(true).search(v);
        }, 250);
    });
    $('#jstree_demo')
        .jstree({
            "core" : {
                "animation" : 0,
                "check_callback" : true,
                "themes" : { "stripes" : true },
                'data' : {
                    'url' : function (node) {
                        return 'handler.php';
                    },
                    'data' : function (node) {
                        return { 'id' : node.id };
                    }
                }
            },
            "types" : {
                "#" : { "max_children" : 1, "max_depth" : 4, "valid_children" : ["root"] },
                "root" : { "icon" : "/static/3.0.2/assets/images/tree_icon.png", "valid_children" : ["default"] },
                "default" : { "valid_children" : ["default","file"] },
                "file" : { "icon" : "glyphicon glyphicon-file", "valid_children" : [] }
            },
            "plugins" : [ "contextmenu", "dnd", "search", "state", "types", "wholerow" ]
        });
});