jsf - 在 inputText 中按 Enter 后执行命令

Question

莫哈拉 2.1.5/PrimeFaces 3.5

我不知道如何解释。我有一个 inputText 和 commandButton
当我在 inputText 中输入内容并按 Enter 时，我需要自动执行 commandButton。

<p:inputText id="txtProducao" required="false"
    value="#{ManagedBean.xxxPreco.producaoDia}"
    requiredMessage="#{bundle.xxPreco_xProdx}>
</p:inputText>
<p:commandButton id="buttonProducaoDia" 
    icon="ui-icon-check"
    actionListener="#{ManagedBean.calculaProdxxx}"
    update="txtValorSoma">
</p:commandButton>

我需要为每个 inputText 键入一些值，然后按 Enter 键后，我需要执行相应的 commandButton:

Answer 1

如果您有单例p:commandButton ，然后按 ENTER 应提交表单。如果你有很多 p:commandButton形式中。您可以使用 p:defaultCommand 定义作为默认提交按钮的按钮。 .

<p:inputText id="txtProducao" required="false"
    value="#{ManagedBean.xxxPreco.producaoDia}"
    requiredMessage="#{bundle.xxPreco_xProdx}>
</p:inputText>
<p:commandButton id="buttonProducaoDia" 
    icon="ui-icon-check"
    actionListener="#{ManagedBean.calculaProdxxx}"
    update="txtValorSoma">
</p:commandButton>
<p:defaultCommand target="buttonProducaoDia" />  

[编辑]

我认为你必须使用 JavaScript 来解决它，就像这样:

<p:inputText id="txtProducao" required="false"
    value="#{ManagedBean.xxxPreco.producaoDia}"
    requiredMessage="#{bundle.xxPreco_xProdx}>
    <p:ajax event="keydown" update="@form" onstart="if (event.keyCode != 13) { return false; }" />
</p:inputText>

您还可以添加 actionListener到 p:ajax元素。在 JavaScript 中，您还可以调用提交。