Question

当用户按下Enter键时，我有globalfilter in a Datatable可以工作：

它按预期过滤。但是，奇怪的是，在过滤完数据表之后，也显示了 p：dialog 中的 createForm ，这是不期望的。仅当用户单击调用它的 createButton 时，才应该显示此 createForm 。

上面是与组件相关的代码摘录。

createButton和数据表：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">

<h:form id="DemandasListForm">

<p:panel id="PanelListForm">

<p:commandButton id="createButton" icon="fa fa-plus-square" value="#{adeBundle.CreateDemanda}" update=":DemandasCreateForm" oncomplete="PF('DemandasCreateDialog').show()" actionListener="#{demandasController.prepareCreate}"  />

<f:facet name="header">
    <p:outputPanel style="text-align: right">
        <p:inputText id="globalFilter" onkeypress="if (event.keyCode === 13) {PF('demandasTable').filter();}" placeholder="Type something and press ENTER." />
    </p:outputPanel>
</f:facet>

<p:dataTable id="datalist"
value="#{demandasController.items}"
lazy="false"
rowKey="#{item.id}"
var="item"
paginator="true"
paginatorPosition="bottom"
selectionMode="single"
selection="#{demandasController.selected}"
filteredValue="#{demandasController.filteredDemandas}"
filterDelay="1000" <!-- doesn't work for globalfilter, only for the columns-->
widgetVar="demandasTable">
...
</p:dataTable>

对话框：

<ui:composition>
  <p:dialog id="DemandasCreateDlg" widgetVar="DemandasCreateDialog" modal="true" appendTo="@(body)" closeOnEscape="true">
    <h:form id="DemandasCreateForm">
...

有人知道我该如何解决吗？

谢谢。

Answer 1

可以尝试这样返回false。

onkeypress="if (event.keyCode === 13) {PF('demandasTable').filter(); return false;}"

这将在调用filter方法后发生，并且不会让ENTER键传播。我认为正在发生的事情是ENTER键正在提交表单上的第一个按钮，即您用来打开对话框的Command Button。浏览器的默认行为是在按ENTER时提交在表单上找到的第一个按钮。

数据表全局过滤器-意外行为

1 个答案: