JSTree Select 開放節點

Question

我對 JSTree 有疑問。

我正在用數據庫中的數據填充所選項目。 但我希望我選擇的項目在填充后自動打開。 我不能做自動打開的部分。

我在頁面上添加了一個按鈕（btn_test）。 我在這個按鈕的點擊事件中寫了以下內容。

$("#TreeElement").jstree("toggle_node","#34B526D0-1E2C-4170-829E-1995782DB831");

當我點擊 btn_test 按鈕時，其 ID 被寫入的節點打開和關閉。 但是我無法將其設置為在選擇和填充相應節點時自動打開。

$("#btn_test").click(function () {
        $("#TreeElement").jstree("toggle_node","#34B526D0-1E2C-4170-829E-1995782DB831");
    });

JS端如下；

var TreeElement = $("#TreeElement");

TreeElement.jstree({
        "core" : {
          "check_callback" : true
        },
        state : { "opened" : true }
     });

TreeElement.bind("select_node.jstree", function (e, data) {

        GetSelectedElementChildrenNodes(data.node.id);

    });
 

function GetSelectedElementChildrenNodes(SelectedNodeId) {

    $.getJSON('http://serveripadress/api/browser.php?getchildren='+SelectedNodeId,function (data) {
        
        $.each(data,function (index,element) {
            TreeElement.jstree().create_node(SelectedNodeId
                , { "id" : element.nodeid, "text" : element.nodename}, "last");
            TreeElement.jstree(true).set_icon(element.nodeid,element.icon);

        });

    });
}

當我如下更改代碼時，我得到了不同的結果。 我點擊Node1，里面填滿了相關數據，但是打不開，然后我點擊Node2，但是node1正在打開：）

TreeElement.bind("select_node.jstree", function (e, data) {

        GetSelectedElementChildrenNodes(data.node.id);
        $("#"+data.node.id).jstree("open_all");
    });

我一直在更改代碼一段時間，但我無法讓它工作。 如果有人可以幫助我，我真的很感謝他。

太感謝了！

Answer 1

問題解決了。

在我使用 Json 提取數據的 function 中，我將以下代碼添加到 getJson 的末尾。

TreeElement.jstree("toggle_node",NodeId);

function的新state如下；

function GetSelectedElementChildrenNodes(SelectedNodeId) {

    $.getJSON('http://serveripadress/api/browser.php?getchildren='+SelectedNodeId,function (data) {
        
        $.each(data,function (index,element) {
            TreeElement.jstree().create_node(SelectedNodeId
                , { "id" : element.nodeid, "text" : element.nodename}, "last");
            TreeElement.jstree(true).set_icon(element.nodeid,element.icon);

        });

        
        TreeElement.jstree("toggle_node",NodeId);


    });
}