javascript - jstree 使用问题，老是无法生成树形菜单

问题描述

问 题

参照官方Demo, 使用 异步获取 数据，生成 树形菜单，老是无法显示出来。。。。

    <div id="container" role="main">
        <div id="tree"></div>
        <div id="data">
            <div class="content code" style="display:none;"><textarea id="code" readonly="readonly"></textarea></div>
            <div class="content folder" style="display:none;"></div>
            <div class="content image" style="display:none; position:relative;"><img src="" alt="" style="display:block; position:absolute; left:50%; top:50%; padding:0; max-height:90%; max-width:90%;" /></div>
            <div class="content default" style="text-align:center;">Select a node from the tree.</div>
        </div>
    </div>

    <script>
        $(function () {
            
            $('#tree').jstree({
                    'core' : {
                        'data' : {
                            'url' : 'jstree.php?operation=get_node',
                            'data' : function (node) {
                                return { 'id' : node.id };
                            }
                        },
                        'force_text' : true,
                        'check_callback' : true,
                        'themes' : {
                            'responsive' : false
                        }
                    },
                    'plugins' : ['state','dnd','contextmenu','wholerow']
                })
        });
    </script>

jstree.php 文件输出 JSON 格式字符串，如： [{"id":1,"text":"Amanullah TVL1","children":false}]

页面上总是空白，无法调试成功，求帮助。。。

解决方案

已自己解决

$('#tree').jstree({
        'core' : {
            'data' : {
                'dataType': 'json',  // 加上这句就好了
                 ... ...
            }
        }
    });

这篇关于javascript - jstree 使用问题，老是无法生成树形菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！