javascript - jstree 基础知识新手

Question

我最近开始在一个项目中使用 jstree。我查看了 jstree 网站上的文档，并提出了一个非常简单的树:

<div id="jstree_test"></div>
<script>
$(function () {

$('#jstree_test').jstree({
    core: {
        data: [
                {
                    id: 'parent1',
                    parent: '#',
                    text: 'p1'
                },
                {
                    id: 'child1',
                    parent: 'parent1',
                    text: 'c1'
                },
                {
                    id: 'child2',
                    parent: 'parent1',
                    text: 'c2'
                },
                {
                    id: 'child3',
                    parent: 'parent1',
                    text: 'c3'
                }
        ]
    }
});

});             
</script>

当我运行此代码时，我得到的只是“p1”，其中有一个与其自身链接的项目符号点。我想要的代码只是 p1 和三个子 c1、c2 和 c3。任何帮助将不胜感激。

感谢您的宝贵时间

Answer 1

将状态属性添加到对象中的特定节点。

$('#jstree_test').jstree({
    core: {
        data: [
            {
                id: 'parent1',
                parent: '#',
                text: 'p1',
                'state' : {
                       'opened' : true,
                       'selected' : true
                 }
            },
            {
                id: 'child1',
                parent: 'parent1',
                text: 'c1'
            },
            {
                id: 'child2',
                parent: 'parent1',
                text: 'c2'
            },
            {
                id: 'child3',
                parent: 'parent1',
                text: 'c3'
            }
    ]
}
});

在 jsbin 中给出一个演示 -- DEMO