jsTree 樹形插件 search 功能


簡單用法, 用jsTree的$('#tree').jstree(true).search(v);的方法進行搜索;

1, plugins 屬性配置要加一個 search ;下面截圖的是jstree官網的例子;

2、HTML部分

<input type="text" id="search_input" placeholder="請輸入信息搜索" />

<!-- 數據列表 -->
<div id="jstree_test" ></div>

3、JS部分

//輸入框輸入定時自動搜索
var to = false;
$('#search_input').keyup(function () {
    if(to) {
        clearTimeout(to);
    }

    to = setTimeout(function () {
        $('#jstree_test').jstree(true).search($('#search_input').val());

    }, 250);
});

效果如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM