动态填充jstree父节点

Question

我有一个 jstree，我需要在其中动态填充数据。在下面的代码中，我试图动态填充父节点。

function populateJsTree(response) {
            for (i = 0; i < response.length; i++) { //this has list of parent nodes//eg:Parent1,Parent2,etc.,
                var parent = response[i];
                alert(parent.ParentNodeName); // successfully getting parentnode names..
                $('#FolderTreeId').jstree({
                    'core': {
                        'data': [
                                        {
                                            'text': parent.ParentNodeName,
                                            'state': {
                                                'opened': false,
                                                'selected': false
                                            }//,
                                            //'children': 
                                        }
                                ]
                    }
                }); 
            }

我知道我在这里的很多地方都出错了，但是上面的代码让我在 jstree 中只有一个父节点，即 Parent1.. 帮助我知道如何正确获取我的 jstree 中的所有父节点... 谢谢..

Answer 1

在您的代码中，您试图为数组中的每个元素创建一棵新树。试试这个：

function populateJsTree(response) {
    var nodes = [], i;
    for (i = 0; i < response.length; i++) {
        nodes.push(response[i].ParentNodeName);
    }
    $('#FolderTreeId').jstree({
        'core': {
            'data': nodes
        }
    });
}

动态填充jstree父节点

Populate jstree parent nodes dynamically

jquery

jstree