3

Web アプリでツリーを表すために 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>
4

2 に答える 2

2

同様の要件があり、FancyTree API の 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');

    }

}
于 2015-07-30T04:52:03.197 に答える