我有一个表格,其中包含一些取决于selectOneMenu
的必填字段,如下所示:
<p:selectOneMenu id="myList" value="#{myBean.selectedItem}">
<p:selectItems value="#{myBean.myItems}" />
<p:ajax listener="#{myBean.myList_change}"
process="myList field1 field2 field3"
update="field1 field2 field3" />
</p:selectOneMenu>
<p:inputNumber id="field1" required="true" />
<p:inputNumber id="field2" required="#{myBean.selectedItem gt 1}" />
<p:inputNumber id="field3" required="#{myBean.selectedItem gt 2}" />
我第一次按下“提交”按钮,但未填写必填字段:
<p:commandButton id="mySubmit" action="#{myBean.myAction}" />
我收到验证错误,然后如果我更改selectOneMenu
值,将不再计算所需的表达式。
例如,如果我使用selectedItem equals to 3
提交表单,则遇到所有验证错误,那么我使用selectedItem equals to 1
提交表单,并且primefaces仍然要求这三个字段均为必填字段。
我试图将resetInput添加到按钮:
<p:resetInput target=":myForm" />
不是immediate="true"
到selectOneMenu
,而是没有成功。
有什么想法吗?
注意:PrimeFaces版本是6.2
PS:在图像中,仅第一个字段是必需的,但所有元素均应为必需。
以下是完整的最小可重复示例:
xhtml文件(test.xhtml):
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Example</title>
</h:head>
<h:body bgcolor="white">
<h:form>
<p:messages showDetail="true" />
<p:selectOneMenu id="myList" value="#{myBean.selectedItem}">
<f:selectItem itemLabel="1" itemValue="1" />
<f:selectItem itemLabel="2" itemValue="2" />
<f:selectItem itemLabel="3" itemValue="3" />
<p:ajax listener="#{myBean.myList_change}"
process="myList field1 field2 field3" update="field1 field2 field3" />
</p:selectOneMenu>
<p:inputNumber id="field1" required="true" decimalPlaces="0"
value="#{myBean.field1}" />
<p:inputNumber id="field2" required="#{myBean.selectedItem gt 1}"
decimalPlaces="0" value="#{myBean.field2}" />
<p:inputNumber id="field3" required="#{myBean.selectedItem gt 2}"
decimalPlaces="0" value="#{myBean.field3}" />
<p:commandButton actionListener="#{myBean.submit}" update="@form" />
</h:form>
</h:body>
</html>
bean(MyBean.java):
package com.mkyong.common;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name = "myBean")
@SessionScoped
public class MyBean implements Serializable {
private static final long serialVersionUID = 1L;
private static final String STRING_EMPTY = "";
private Long selectedItem;
private String field1, field2, field3;
public Long getSelectedItem() {
return selectedItem;
}
public void setSelectedItem(final Long selectedItem) {
this.selectedItem = selectedItem;
}
public String getField1() {
return field1;
}
public void setField1(final String field1) {
this.field1 = field1;
}
public String getField2() {
return field2;
}
public void setField2(final String field2) {
this.field2 = field2;
}
public String getField3() {
return field3;
}
public void setField3(final String field3) {
this.field3 = field3;
}
public void myList_change() {
final long value = selectedItem.longValue();
if (value < 1) {
setField1(STRING_EMPTY);
}
if (value < 2) {
setField2(STRING_EMPTY);
}
if (value < 3) {
setField3(STRING_EMPTY);
}
}
public void submit() {
}
}
在web.xml中,您应该设置欢迎页面:
<welcome-file-list>
<welcome-file>faces/test.xhtml</welcome-file>
</welcome-file-list>
答案 0 :(得分:3)
这个问题最初有点奇怪,很奇怪,因为它包含一些不合逻辑的行为,如OP所述,无法通过p:resetInput
上的resetValues="true"
或p:ajax
属性来解决。
赞扬@Alessandro最初通过创建[mcve]并随后在聊天中对评论做出响应。相比于其他一些没有看到[mcve]的价值并积极参与回复的人,这是非常感谢的。
我做的第一件事是更改代码中可能不相关的一些不合逻辑的内容
String
到int
,因为实际上是这样。String
更改为int
,因为它们带有p:inputNumber
null
而不是空字符串。Java代码:
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name = "myBean")
@SessionScoped
public class MyBean implements Serializable {
private static final long serialVersionUID = 1L;
private int selectedItem;
private Integer field1, field2, field3;
public int getSelectedItem() {
return selectedItem;
}
public void setSelectedItem(final int selectedItem) {
this.selectedItem = selectedItem;
}
public Integer getField1() {
return field1;
}
public void setField1(final Integer field1) {
this.field1 = field1;
}
public Integer getField2() {
return field2;
}
public void setField2(final Integer field2) {
this.field2 = field2;
}
public Integer getField3() {
return field3;
}
public void setField3(final Integer field3) {
this.field3 = field3;
}
public void myList_change() {
if (selectedItem < 1) {
setField1(null);
}
if (selectedItem < 2) {
setField2(null);
}
if (selectedItem < 3) {
setField3(null);
}
}
public void submit() {
}
}
在xhtml I
field1 field2 field3
属性中删除了process
,因为这似乎毫无用处(在“提交”上进行了提交,不需要进行ajax提交)。 update
属性中删除了它们(更改后不需要更改字段就不需要更新)p:commandButton
to an `action XHTML代码
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Example</title>
</h:head>
<h:body bgcolor="white">
<h:form id="myForm">
<p:messages showDetail="true" />
<p:selectOneMenu id="myList" value="#{myBean.selectedItem}">
<f:selectItem itemLabel="1" itemValue="1" />
<f:selectItem itemLabel="2" itemValue="2" />
<f:selectItem itemLabel="3" itemValue="3" />
<p:ajax listener="#{myBean.myList_change}"
process="myList"/>
</p:selectOneMenu> <br/>
<p:inputNumber id="field1" value="#{myBean.field1}" required="true" decimalPlaces="0" />
<p:inputNumber id="field2" value="#{myBean.field2}" required="#{myBean.selectedItem gt 1}" decimalPlaces="0" />
<p:inputNumber id="field3" value="#{myBean.field3}" required="#{myBean.selectedItem gt 2}" decimalPlaces="0" />
<p:commandButton value="submit" action="#{myBean.submit}" update="@form"/>
</h:form>
</h:body>
</html>
然后对我来说,它开始“工作”。在聊天中,OP出于特定原因而在进程中具有固定的字段列表并更新属性变得很奇怪。
但是这种组合是导致异常行为的原因,因为如果处理了某些内容,它也会被验证(在这种情况下,是否需要某些内容)。具有三个空字段,将select设置为3并提交所有三个字段将失败,因为2为空,但是届时也不会将'3'放入模型中。我本来会怀疑resetValues
也会在这里提供帮助,但是它没有(也不适合我)。但是OP真正想要的是有条件地更新输入字段。该条件已经存在于bean中,您可以简单地添加也更改了该字段的特定字段的更新
public void myList_change() {
if (selectedItem < 1) {
setField1(null);
}
if (selectedItem < 2) {
setField2(null);
PrimeFaces.current().ajax().update("myForm:field2");
}
if (selectedItem < 3) {
setField3(null);
PrimeFaces.current().ajax().update("myForm:field3");
}
}
完全没有必要将field1、2和3包含在process或update属性中,并且所有工作都按要求进行(双关语意)