Javascript jquery-花式树-不存在数据

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

下面是我的代码。问题是，当源URL/文档/文件夹返回一个空列表时，我希望我的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>

从下拉列表中选择文档类型
$（函数（）{
$（“#树”）.fancytree({
资料来源：{
url:“/文档/文件夹”
},
});
});

所以，你必须在花式树之外处理好这件事。基本上，我们想要做的是，自己拉下JSON，然后检查它的状态，并基于此呈现UI，而不是直接将它放在花式树中

$(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!');
    });
});

---

我有一个类似的需求，并使用FancyTreeAPI的init函数解决了它

在HTML中，我有一条隐藏的消息（主要用于多语言支持），在fancytree调用中，我指定了init选项来处理空的大小写：

init: function(event, data) {
    console.debug("initialised tree");
    if (data.tree.count() == 0){
        $('#attributeTree').find('#attributeTreeEmptyMessage').removeClass('display-hide');
        $('#attributeTree').find('.fancytree-container').addClass('display-hide');
    }else{
        $('#attributeTree').find('#attributeTreeEmptyMessage').addClass('display-hide');
        $('#attributeTree').find('.fancytree-container').removeClass('display-hide');

    }

}