javascript - jquery - 花式树 - 没有数据

Question

我正在使用 jquery fancy tree 在我的网络应用程序中表示一棵树。

https://github.com/mar10/fancytree

这是我的代码如下。问题是，当源 URL/documents/folders 返回一个空列表时，我希望我的 html 显示文本“未找到文档”。我搜索了 API，但无法直接使用插件执行此操作。

我是网络应用世界的新手。有人可以指出我正确的方向吗？

<div class="row" id="toprow">
    <div class="col-md-4" id="treeContainer">
        <h4>Choose a Document Type from the drop-down</h4>
        <div id="tree">

        </div>
    </div>
</div>

<script>
    $(function(){
        $("#tree").fancytree({
            source: {
                url: "/documents/folders"
            },

        });
    });
</script>

Answer 1

所以，你必须在 fancy tree 之外处理这个问题。基本上我们想要做的是，自己拉下 JSON，然后检查它的状态并根据它呈现 UI，而不是直接将它放在 fancy tree 中

$(function () {
    $.get('/documents/folders', function (result) {
        if(result.length > 0) {
            $("#tree").fancytree({
                source: result
            });
        } else {
            $('#tree').html('No documents found!');
        }
    }).fail(function() {
        $('#tree').html('No documents found!');
    });
});