javascript - JsTree 和 Laravel 的麻烦

Question

我正在关注这个guide在我的 Laravel 5.5 应用程序中使用 Ajax 设置带有延迟加载的 JsTree。

这是我的 Controller :https://gist.github.com/aaronr0207/7fa0a38f40bfd2f728a15d655254f82d

我的观点: https://gist.github.com/aaronr0207/f87720263e3d6026b04b00c08bae5cb2

我的 JsTree 类与我没有做任何更改完全相同。

实际上，我在 chrome 控制台上收到以下错误:

d9973d3e-1476-4453-a013-9e9c8430bcba:1 Uncaught TypeError: Cannot read property 'children' of undefined

但是当我转储响应来调试它时(在 TreeViewController 数据方法的末尾):

        dd(response()->json($tree->build()));

它有效...

我的回复如下所示(当我将其转储时):

有什么想法吗？谢谢

EDIT1:如果我返回一个简单的json_encode($tree->build)，则没有错误，但它显示一棵空树......并且响应看起来像这个:

EDIT2:明白了!但现在出现了一个新问题...我所做的就是通过回调更改 url 字符串来解决它:

 $('#jstree').jstree({
    'core': {
        'data': {
            'url': function (node) {
                return '{!! route('tree.data') !!}' ;
            },
            'data': function (node) {
                console.log(node);
                return {'id': node.id};
            }
        }
    }
});

但是现在当我获取下一级目录时，如果它们里面有另一个目录，它就会失败而不会出现错误:

Test1内容如下:

如果我删除 test1/test2 文件夹，它会显示:

当我删除txt文件时也是如此...现在发生了什么？也许这是一个新问题，所以我将发布主要问题的解决方案并接受它。

Answer 1

我怀疑您的命名路线无法正常工作。在 TreeController.php 中，更改路由 tree/route，如下所示:

Route::get('tree/route', 'TreeController@data')->name('tree.data');