jsTree搜索文本框不会出现

时间:2015-03-09 20:30:07

标签: javascript jquery jstree jstree-search

我正在使用jsTree(http://www.jstree.com/plugins/)以及下面的插件

 "plugins" : [ "dnd" , "contextmenu" ,"ui" , "types" ,  "search" ,"sort" ]

除搜索外,所有插件都正常工作。搜索节点上面没有添加搜索文本框。在jsTree中还有其他依赖项使用搜索。 请帮忙。

1 个答案:

答案 0 :(得分:4)

只需添加树上方的搜索框:

<input id="plugins4_q" type="text" placeholder="search">

请注意,您还需要监控搜索框以进行文本输入,并将数据传递给jstree搜索功能。示例javascript:

var to = false;
  $('#plugins4_q').keyup(function () {
    if(to) { clearTimeout(to); }
    to = setTimeout(function () {
      var v = $('#plugins4_q').val();
      $('#plugins4').jstree('search', v);
    }, 250);
 });