java - JSF 或 PrimeFaces 可搜索树视图控件

Question

是否有作为“可搜索”树视图的 JSF 或 PrimeFaces 控件？我的想法类似于 Eclipse“选项”，您在搜索框中输入一些文本，树视图会自动更新。

我知道我可以用一些 jQuery 很容易地做到这一点，但是来自高层的格言不是内联 JS / jQuery。我们必须使用所有 JSF。有没有人有任何想法？

Answer 1

PrimeFaces 目前还没有内置机制，但是树组件是基于 Java Bean 输出动态构建的。所以可能的解决方案是：

1)p:inputText使用p:ajax侦听器创建，通知 bean 过滤器更改

2）重建TreeNode根据过滤器

3) 更新树组件

但是，我建议不要在按键后立即调用 bean 方法，而是使用可引用的超时：

var filterTimeout;
var filterEvent = function() {
    if (filterTimeout) {
        clearTimeout(filterTimeout);
    }
    filterTimeout = setTimeout(function(){
        doFilterOnServer();
        filterTimeout = null;
    }, 300);
};
$('[id$=\\:myTree]').find('input').keyup(filterEvent);