jsTreeツリープラグインの検索機能

jsTree $( '#ツリー')jstree(真).search(V);.検索方法を使用した単純な使用;

1、プラグインは、プロパティ検索を追加するように配置され、以下の例のスクリーンショットjstree公式ウェブサイトです。

2、HTMLの一部

< INPUT タイプの=「text」の言及ID以上=「SEARCH_INPUT」プレースホルダ=「情報の検索を入力してください。」 />

<! - データリスト- > 
< divの上記のid = "jstree_test"  > </ DIV >

3、JS一部

// 入力ボックスには、自動検索時限
VAR =にfalseにします
$( '#search_input')。keyUpイベント(関数(){
     場合(に){
        clearTimeout(へ)。
    }
=のsetTimeout(関数(){
        $( '#jstree_test')jstree().search($( '#のsearch_input' ).val());

    }、 250 )。
});

結果は以下の通りであります:

 

おすすめ

転載: www.cnblogs.com/pyspang/p/12125225.html