java - JSF 或 PrimeFaces 可搜索 TreeView 控件

Question

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

我知道我可以使用一些 jQuery 轻松地做到这一点，但是高层的格言是没有内联 JS/jQuery。我们必须全部使用JSF。有人有什么想法吗？

Answer 1

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

1) 使用 p:ajax 监听器创建 p:inputText，通知 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);