7

我正在使用 primefaces 数据表在 UI 中显示我的数据。众所周知，我们可以在数据表本身中进行排序和过滤。但是当我在数据表排序字段中键入单个字符时它开始搜索数据，我不想要它。只有当用户在字段中输入至少 3 个字符时，我才需要搜索数据。有没有可能这样做..？如果真是这样，那么是以哪种方式？请就此发表您的意见。

提前致谢。

4

1 回答 1

4

我对 Primefaces 的数据表做了一个小调查，这是我的发现。

实际上，不需要重新编译，源 javascript 替换也是如此。

您需要为过滤事件注册一个新的处理程序，而不是 Primefaces 提供的处理程序。

在这种情况下，将像这样使用数据表：

<h:outputScript name="js/customprimefacestable.js" target="body"/>

<p:dataTable var="data" value="#{filterBean.data}" filteredValue="#{filterBean.filteredData}" widgetVar="tableWidget">
    <p:column filterBy="#{data.name}" headerText="Name" filterMatchMode="contains">
        <h:outputText value="#{data.name}" />
    </p:column>
    <p:column filterBy="#{data.value}" headerText="Value" filterMatchMode="contains">
        <h:outputText value="#{data.value}" />
    </p:column>
    ...
</p:dataTable>

javascript将是这样的：

$(document).ready(function() {
    tableWidget.thead.find('> tr > th.ui-filter-column > .ui-column-filter').each(function() {
        var filter = $(this);
        if(filter.is('input:text')) {
            if(tableWidget.cfg.filterEvent!="enter"){
                //unbind current handler
                filter.unbind(tableWidget.cfg.filterEvent);
                //bind new handler that accounts for conditional filtering
                filter.bind(tableWidget.cfg.filterEvent, function(c) {
                    if(filter.val().length > 3) {
                        //Primefaces 3.5 implementation
                        if(tableWidget.filterTimeout){
                            clearTimeout(tableWidget.filterTimeout);
                        }
                        tableWidget.filterTimeout=setTimeout(function(){
                            tableWidget.filter();
                            tableWidget.filterTimeout=null},
                        tableWidget.cfg.filterDelay);
                    }
                });
            }
        }
    });
});

注意事项：

  • target="body": javascript 不能在 中执行<head>，因为 Primefaces 会在 中初始化它的小部件变量$(document).ready()，所以不能保证在 Primefaces 初始化完成后你的函数会执行；
  • 由于过滤从在列的搜索框中输入的至少 4 个字符开始（完成），当用户自己删除文本到 4 个字符以下时，您应该恢复未过滤的视图（未完成）；
  • 上面的解决方案是针对 Primefaces 3.5 的<p:dataTable>。Primefaces 的实现因版本而异，因此请务必查看您正在使用的版本的实现，或者升级到 3.5 版；
  • 未涵盖将输入字段呈现为下拉框的过滤事件的实现；
  • 该表将侦听默认 ( keyup) 事件。
于 2013-03-05T09:39:28.577 回答