gpt4 book ai didi

primefaces - 验证失败后重新评估所需的表达式

转载 作者:行者123 更新时间:2023-12-01 12:05:56 25 4
gpt4 key购买 nike

我有一个包含一些必填字段的表单,具体取决于 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 等于 3 我得到所有验证错误,然后我提交表单时 selectedItem 等于 1 并且 primefaces 仍然要求所有三个字段都是必填字段。

我尝试向按钮添加一个 resetInput:

<p:resetInput target=":myForm" />

而不是 immediate="true"selectOneMenu,没有任何成功。

有什么想法吗?

Note: The PrimeFaces version is 6.2

PS:图中只有第一个字段是必填项,但应该是所有元素都必填。

example

按照完整的最小可重现示例:

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>

最佳答案

这个问题最初有点奇怪,因为它包含一些不合逻辑的行为,就像 OP 所说的那样,不能用 p:resetInputresetValues="true"来解决p:ajax 上的 属性。

感谢@Alessandro 通过最初创建 [mcve] 和稍后在聊天中响应评论。谢谢你,与其他一些看不到 [mcve] 的值(value)并积极回复的人相比,这是有益的。

我做的第一件事是更改代码中一些可能不相关的不合逻辑的东西

  • selectedItem 的 backingbean 中的类型从 Stringint,因为它实际上就是这样。
  • 也将字段从 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中

  • process 属性中删除了 field1 field2 field3,因为它看起来毫无用处(提交发生在“提交”上,不需要 ajax 提交)。
  • 同时从 update 属性中删除了它们(在更改后成为必填字段的更改不需要更新)
  • 更改了 actionListener on the 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 在流程中具有固定的字段列表并出于特定原因更新属性。

  • 在更新属性中,因此从例如3 到 2,可以清除第三个字段(在 bean 中设置),需要“更新”以使其为空。
  • In the process attribute so when the select was changed to e.g. 3,将提交并更新第二个字段(未在 bean 中设置/清除)。如果它不在 process 属性中,bean 的原始值将被放回原处,有效地覆盖用户可能输入的值。

但这种组合是奇怪行为的原因,因为如果处理了某些东西,它也会被验证(在这种情况下与是否需要某些东西有关)。有三个空字段,将选择设置为 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 属性中,所有工作都按要求进行(双关语意)

关于primefaces - 验证失败后重新评估所需的表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56935352/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com