9

我需要在更改文本框时触发 ajax 更新，这是一个<p:autoComplete>组件。我观察到，如果用户选择手动键入文本，则事件是更改，而如果用户单击自动完成的建议之一，则事件是 itemSelect。所以我<p:ajax>在输入中添加了两个孩子，每个孩子都调用相同的方法并具有相同的更新列表，但一个具有event="change"另一个event="itemSelect".

然而，我现在发现了一些奇怪的东西。例如，在正常服务器模式下，我打开页面并输入“12”。自动完成提供“1233”和“1234”作为建议。我点击了“1233”，似乎什么也没发生。我再次点击并填写其他所有内容。

在调试器中使用事件处理程序上的断点重复此操作，我可以看到第一次单击后值为“12”，第二次单击时变为“1233”。

通过切换注释掉两个不同的<p:ajax>我可以看到不同的后果。如果没有“更改”选项，则如果用户选择自动完成建议，则永远不会调用处理程序；如果没有“项目选择”选项，则如果用户手动键入，则永远不会调用处理程序。但是对于他们两个，有两个电话，我相信会有关于双击的抱怨。

一些喜欢的人的伪代码，首先是xhtml：

<p:autoComplete id="itemId" value="#{myBacker.myBean.itemNumber}"
    required="true" completeMethod="#{myBacker.idAutoComplete}">
    <p:ajax event="itemSelect" update="beanDetails"
        listener="#{myBacker.idChangeEventListener()}" />
    <p:ajax event="change" update="beanDetails"
        listener="#{myBacker.idChangeEventListener()}" />
</p:autoComplete>
<h:panelGroup id="beanDetails">
    <h:panelGroup rendered="#{not empty myBacker.myBean.institutionName}">
        <h:outputText value="#{myBacker.myBean.institutionName}" />
        <!-- Continues with address, phone, etc..  -->
    </h:panelGroup>
</h:panelGroup>

然后是 Java 支持 bean 代码：

public void idChangeEventListener() {
    myBean = myDAO.getDetails(myBean);
    //  another couple of init-type method calls
}
4

1 回答 1

13

给父标签一个 widgetVar 属性，然后将这个小属性添加到<p:ajax event="change" ...>子标签：

onstart="if(widgetVarName.panel.is(':visible')) return false;"

如果我没记错的话，写这个问题时，我们使用的是 PrimeFaces 3.5 版。从那时起，我们需要将解决方案更新为：

onstart="if(PF('widgetVarName').panel.is(':visible')) return false;"

感谢 mwalter 指出变化。

于 2013-10-18T13:02:11.090 回答