Фильтрация узлов в dynatree

Question

Я только что взял с помощью dynatree, custom styles и ajax calls, чтобы заполнить дерево. Все работает блестяще.

Однако я тогда нужно добавить возможность фильтрации к узлам, так же, как здесь: http://fancytree.googlecode.com/hg-history/ac202f4b6cba34b240e4cad294e2283e7272fbeb/demo/sample-ext-filter.html

К сожалению, это для fancytree и не dynatree. Я потратил около 5 часов, пытаясь заставить мой код использовать fancytree вместо dynatree, и я нахожусь в крайнем разочаровании, поскольку он просто не работает, сообщения об ошибках искажены, документация ужасна, и есть немного в Интернете об этом.

Я предпочел бы придерживаться dynatree, который просто работает. Можно ли каким-либо образом реализовать фильтр, показанный в примере fancytree в dynatree? Я слишком разбираюсь в javascript noob, чтобы понять, что пытается сделать код.

Answer 1

Попробуйте ниже:

Textbox HTML:

Filter : <input type="text" name="filter" id="filter" /> 

JavaScript:

 $('#filter').keypress(function() { 
      if($(this).val().length >=2) 
       { 
        var $input = $(this); 
        $(".dynatree-title").each(function(){ 
         if($(this).text().toLowerCase().indexOf($input.val().toLowerCase()) >= 0) { 
          $(this).html("<font color='blue'>"+$(this).text() +"</font>"); 
          alert($(this).text()); 
         } 
        }); 
       } 
     });