Как я могу создать дочерний узел, выбрав родительский узел с помощью jstree?

Question

Это мой первый проект с использованием jQuery.

Я создал родительские узлы с помощью jstree. Когда пользователь нажимает на любой из родительских узлов, я хочу, чтобы дочерний узел создавался в этом соответствующем родительском узле.

$(function(){
    $('#container').on('click', function(){

        var newNode = { data: "Child1" };
        var parentNode = $('#container').jstree('get_node', event.target.id); 
        $("#container").jstree(true).create_node(parentNode, newNode, "last");
        
    })
})

Answer 1

События щелчка по контейнеру не предоставят вам выбранный узел. В jsTree API для этого есть c событий. Вы должны использовать событие select_node.jstree для идентификации выбора узла.

$("#container").bind("select_node.jstree", function (e, data) {
    var newNode = { data: "Child1" };
    $("#container").jstree(true).create_node(data.node.id, newNode, "last");
});