Question

我正在尝试使用json使用jstree填充div。在尝试人口之前，div看起来像这样：

    <div id="mainTree">

    </div>

保存树的jsonTree变量看起来像这样（作为字符串。代码传递原始的json对象）：

"{\"core\":{\"data\":[{\"id\":\"123323\",\"parent\":\"#\",\"text\":\"123323\"},{\"id\":\"54366\",\"parent\":\"#\",\"text\":\"54366\"},{\"id\":\"634766\",\"parent\":\"#\",\"text\":\"634766\"}]}}"

树的填充方式如下：

$('#mainTree').jstree(jsonTree);

在脚本之后，div看起来像这样，所以内容不存在。有什么问题？

<div class="treeContainer" id="treeContainer">
        <input class="treeSearch" id="treeSearch" type="text" placeholder="Search" value="">
        <div tabindex="0" class="jstree jstree-1 jstree-default jstree-leaf" id="mainTree" role="tree" aria-busy="false" aria-multiselectable="true" aria-activedescendant="j1_loading"><ul class="jstree-container-ul jstree-children" role="group"></ul></div>
    </div>

编辑：尝试使用jstree中的示例直接填充树也不起作用。填充是在一个单独的文件中完成的，该文件被导入index.html（页面的最后一个）。

    $('#mainTree').jstree({
        'core': {
            'data': [
                { "id": "ajson1", "parent": "#", "text": "Simple root node" },
                { "id": "ajson2", "parent": "#", "text": "Root node 2" },
                { "id": "ajson3", "parent": "ajson2", "text": "Child 1" },
                { "id": "ajson4", "parent": "ajson2", "text": "Child 2" }
            ]
        }
    });

index.html部分看起来像这样（其中websocket-handling.js设置了mainTree）。

<html>
<head>
...
</head>
<body>
...
    <script src="js/jstree.min.js"></script>
    <script src="js/websocket-handling.js"></script>
</body>

Jstree不显示树

0 个答案: