新的基本知识

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

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

$('#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 -- 演示中给出了一个演示