java - JSF または PrimeFaces 検索可能なツリービュー コントロール

Question

「検索可能な」ツリービューである JSF または PrimeFaces コントロールはありますか? 検索ボックスにテキストを入力すると、ツリービュー自体が自動更新される Eclipse の「オプション」と同様のことを考えています。

私はいくつかのjQueryでこれを非常に簡単に行うことができることを知っていますが、上からの口述はインラインJS / jQueryではありません。すべての JSF を使用する必要があります。誰にもアイデアはありますか？

Answer 1

現在、PrimeFaces にはこのための組み込みメカニズムはありませんが、ツリー コンポーネントは Java Bean 出力に基づいて動的に構築されます。したがって、可能な解決策は次のようになります。

1）フィルターの変更についてBeanに通知するリスナーで作成p:inputTextしますp:ajax

2)TreeNodeフィルターに従って再構築する

3) ツリー コンポーネントを更新する

ただし、キーを押した直後に Bean メソッドを呼び出すのではなく、参照可能なタイムアウトを使用することをお勧めします。

var filterTimeout;
var filterEvent = function() {
    if (filterTimeout) {
        clearTimeout(filterTimeout);
    }
    filterTimeout = setTimeout(function(){
        doFilterOnServer();
        filterTimeout = null;
    }, 300);
};
$('[id$=\\:myTree]').find('input').keyup(filterEvent);