Primefaces Datatable搜索过滤器

Question

默认设置更新过滤器字段中每次击键时的表。我想仅在用户输入内容并按回车键时显示结果列表。

Answer 1

for global filter you can use event.keyCode == 13

like this

<f:facet name="header">  
    <p:outputPanel>  
       <h:outputText value="Search all fields:" />  
       <p:inputText id="globalFilter" onkeyup="if (event.keyCode == 13) { 
           carsTable.filter(); }" style="width:150px" />  
    </p:outputPanel>  
</f:facet>  

Answer 2

You haven't stated your version, but you can use the enter event on filterEvent since PF 3.2. Earlier version , you can use this javascript workaround

Answer 3

It's important to emphasize that filterEvent is an attribute of dataTable tag, in this eg javascript workaround has showed in the column tag, but this is not work well. You can use like this:

<p:dataTable id="companyTable" 
     value="#{fooManager.foo}" var="foo"
     filterEvent="enter">

    <p:column filterBy="#{foo.name}" >
        <h:outputText value="#{foo.name}" />
    </p:column>

</p:dataTable>

Or you may use with filterEvent="Keyup" which is the default value of this attribute and filterDelay defined in 1000 milliseconds before sending an ajax filter query (Default is 300 miliseconds), like the eg below:

<p:dataTable id="companyTable" 
     value="#{fooManager.foo}" var="foo"
     filterEvent="keyup"
     filterDelay="1000">

    <p:column filterBy="#{foo.name}" >
        <h:outputText value="#{foo.name}" />
    </p:column>

</p:dataTable>

I hope help you.

Answer 4

You can use appropriate option of column now. The simplest example of data column is:

p:column filterEvent="enter"