使用 JSF 单击按钮后重置 inputText

Question

在 JSF 中单击 commandButton 后是否可以重置 inputText 的值？ inputText UIElement 提供了 ResetValue 方法，所以我尝试了这样的方法：

<h:inputText  id="measurementadd" binding="#{inputTextMeasurement}">
    <f:validateRegex pattern="[a-zA-Z ]*"/>
    <f:ajax event="keyup" render="measurementaddmessage submit" execute="@this"/>
<h:inputText>
<p:commandButton id="submit" action="#{Bean.addMeasurement(inputTextMeasurement.value)}" 
value="submit" update="dataTable measurementadd measurementaddmessage" 
disabled="#{empty inputTextMeasurement.value or facesContext.validationFailed }" >
    <f:ajax event="mouseup" execute="#{inputTextMeasurement.resetValue()}" />
</p:commandButton>  
<h:messages for="measurementadd" id="measurementaddmessage"/>  

但点击按钮后 inputTextMeasurement 并没有重置它的值。

有人知道解决这个问题的好方法吗？

我正在寻找一个没有 JS 和 JAVA 的解决方案，所以在 JSF 中实现会很酷。

Answer 1

您的错误在execute 属性中：

<f:ajax event="mouseup" execute="#{inputTextMeasurement.resetValue()}" />

execute 属性应表示以空格分隔的客户端 ID 集合，以包含在 ajax 请求的处理/解码中。但是，您在那里指定了一个侦听器方法。

您需要 listener 属性来代替：

<f:ajax listener="#{inputTextMeasurement.resetValue()}" />

（我省略了event，因为这里默认为click，这已经是正确的了）

有趣的细节是同一段代码中的另一个<f:ajax> 以正确的方式使用了exeucte 属性。

---

与具体问题无关，你看过<p:resetInput>吗？这在 bean 中保存了一个 ajax 侦听器方法。将整个<f:ajax> 替换为

<p:resetInput target="measurementadd" />

Answer 2

我们为什么不直接使用

<input type="Reset"/>

这个对我来说很好用！ ？？？

Answer 3

我已经解决了我的问题如下

<p:commandButton id="submit" action="#{Bean.addMeasurement(inputTextMeasurement)}">

发回 bean UIInput 组件。在 back bean 中获取和重置值。

public void addMeasurement(UIInput    
   String msr = (String) inputTextMeasurement.getValue()
   inputTextMeasurement.resetValue();
}