jstree를 사용하여 부모 노드를 선택하여 자식 노드를 만들려면 어떻게해야합니까?

질문

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");
        
    })
})

Expand snippet

답변1

container 클릭 이벤트는 선택한 노드를 제공하지 않습니다. jsTree API에는 이에 대한 특정 이벤트가 있습니다. 노드 선택을 식별하려면 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");
});

 

 

 

 

출처 : https://stackoverflow.com/questions/63245997/how-can-i-create-a-child-node-by-selecting-a-parent-node-using-jstree