Question

我只需要掌握dynatree，自定义样式和ajax调用来填充树。一切都很出色。

然而，我需要为节点添加过滤功能，就像这里：http://fancytree.googlecode.com/hg-history/ac202f4b6cba34b240e4cad294e2283e7272fbeb/demo/sample-ext-filter.html

不幸的是，这是针对fancytree而不是dynatree。我花了大约5个小时试图让我的代码使用fancytree而不是dynatree而且我处于极度沮丧的地步，因为它不起作用，错误消息是乱码，文档令人震惊，并且有一点珍贵关于它的互联网。

我宁愿坚持使用dynatree。有没有办法可以实现dynatree中fancytree示例中显示的过滤器？我太过于使用javascript noob了解代码试图做什么。

Answer 1

尝试以下：

文本框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());
                        }
                    });
                }
        });

过滤dynatree中的节点

1 个答案: