按回车键不会通过 p:defaultCommand 点击预期的搜索按钮 [重复]

Question

我正在尝试使用 primefaces，但它没有产生预期的结果。我的代码 sn-p 在下面

<h:form id="searchForm" styleClass="searchForm">    
     <p:panelGrid columns="3">
         <p:commandButton id="left-overlay-btn" value="" styleClass="xschnapp-search-filter-menu" />
         <p:inputText required="true" placeholder="#{cc.attrs.searchTip}" value="#{cc.attrs.queryProperty}" />
         <p:commandButton value="&#160;" id="searchButton" action="#{cc.attrs.searchAction}" styleClass="xschnapp-search-action" />
     </p:panelGrid>
     <p:defaultCommand target="searchButton">
</h:form>

在上面的代码中，当我按下回车键时，它会点击第一列按钮，而不是预期的搜索，即使在使用 primefaces p:defaultCommand 之后也是如此。

http://blog.primefaces.org/?p=1787

有人建议我使用 javascript 手动单击搜索按钮，这也失败了。也许是由于我的 JavaScript 知识薄弱。下面是带有 javascript 的代码 sn-p，它也点击了第一列按钮而不是所需的搜索按钮

<h:form id="searchForm" styleClass="searchForm" onkeypress="if (event.keyCode == 13) {document.getElementById('searchButton').click(); return false}">    
        <p:panelGrid columns="3">
            <p:commandButton id="left-overlay-btn" value="" styleClass="xschnapp-search-filter-menu" />
            <p:inputText required="true" placeholder="#{cc.attrs.searchTip}" value="#{cc.attrs.queryProperty}" />
            <p:commandButton value="&#160;" id="searchButton" action="#{cc.attrs.searchAction}" styleClass="xschnapp-search-action" />
        </p:panelGrid>
</h:form>

谁能帮帮我。

Answer 1

我在为我的企业站点定义全局热键时遇到了同样的问题。对我有用的方法是：

<h:form id="form">
    <p:hotkey bind="Enter" update="msg" actionListener="#{yourBean.yourSearchfunction}"/>
    <p:remoteCommand name="search" actionListener="#{yourBean.yourSearchfunction}" update="msg"/>
    //Your code
</h:form>
<h:outputScript>
$(':input').bind('keydown', 'Enter', function () {
    search();
    return false;
});
</h:outputScript>

使用此代码，无论您的光标停留在哪里，它都会在按 Enter 时启动您的搜索功能。也许您希望它更细粒度，然后您可以删除 p:hotkey 组件，以便仅在光标位于输入字段内时用于启动搜索功能。

需要 javascript，因为 p:hotkey 组件在任何地方都可以使用，除非光标停留在输入字段内。因此，您将远程命令绑定到视图中每个输入字段内的 enter 事件。