Primefaces commandButton 回车时提交

Question

我有两个命令按钮，当我按 Enter 键时，第一个按钮会提交。我真的只想在用户按回车键时提交第二个按钮。有什么想法吗？

Answer 1

我意识到这个问题已经很老了，但也许有人看到不同的解决方案仍然很有趣。

您可以使用 Primefaces defaultCommand 并将 id 添加到您喜欢的按钮来定义按下 Enter 键时会发生什么。就这样。

<p:commandButton value="button1" action="#{bean.action1}"/>
<p:commandButton value="button2" id="btn_to_enter" action="#{bean.action2}"/>
<p:defaultCommand target="btn_to_enter" />

Answer 2

您必须交换这两个按钮的位置仅此而已。

您当前的代码应该是。

<p:commandButton value="button1" action="#{bean.action1}"/>
<p:commandButton value="button2" action="#{bean.action2}"/>

默认情况下将触发button1 操作。您可以通过向按钮 1 添加 style="float:right" 来向用户呈现另一种视图。

<p:commandButton value="button1" style="float: right" action="#{bean.action2}"/>
<p:commandButton value="button2" action="#{bean.action1}"/>

使用上面的方法，按钮 1 将出现在按钮 2 之后，并在每次按下 Enter 时执行按钮 2 的操作被按下。