个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个 OmniFaces <o:validateMultiple>设置为两个<p:selectOneMenu> 。一个下拉框用于主队，另一个用于客队(体育比赛)。
验证器检查两支球队的组合是否已存在于赛程表中，如果存在，则验证器方法返回 false。 (参见示例中的上表:组合已存在...列表中的单个项目)
现在的问题是:
两个选择框被重置为空值，但在后台，它们似乎保留了该值。
UI 告诉用户“选择已被清除”，但这不是我或用户所期望的。
之前:验证:
验证后:
问题:
验证失败后如何恢复选择框的值，或者如何简单地保留这些值？
我猜重置输入只是 JSF 指定的行为？ 🤷♂️
这是 PrimeFaces 的问题吗(我猜不是)？
可以吗？如果是这样，怎么办？
PS:我认为发布选择框的 JSF 代码对这里没有帮助，但如果可以，请发表评论
最佳答案
JSF 应该保留框架生命周期定义的组件树状态。
但是，根据 JSF 页面的功能，您可以选择在事件发生时仅部分处理页面。在这种情况下，只有已处理的组件才会保留其状态。
让我们以您的用例为例，首先定义一个 View :
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui" xmlns:o="http://omnifaces.org/ui"
xmlns:of="http://omnifaces.org/functions">
<h:head>
<title>SelectOneMenu Validation</title>
</h:head>
<h:body>
<h:form>
<o:validateMultiple id="validateMatch" components="home away"
validator="#{selectBackingBean.onValidateMatch}"
message="The combination already exists or is invalid!" />
<p:dataList value="#{selectBackingBean.matches}" var="match">
<f:facet name="header">Home / Away</f:facet>
#{match.home} vs #{match.away}
</p:dataList>
<br/><br/>
<p:selectOneMenu id="home" label="Please select home..." value="#{selectBackingBean.selectedHome}">
<f:selectItems value="#{selectBackingBean.teams}" var="team"
itemValue="#{team}" itemLabel="#{team}" />
</p:selectOneMenu>
<p:selectOneMenu id="away" label="Please select away..." value="#{selectBackingBean.selectedAway}">
<f:selectItems value="#{selectBackingBean.teams}" var="team"
itemValue="#{team}" itemLabel="#{team}" />
</p:selectOneMenu>
<h:panelGroup>
<br/>
<h:message for="validateMatch" />
<h:outputText value="OK!" rendered="#{facesContext.postback and not facesContext.validationFailed}" />
</h:panelGroup>
<br/><br/>
<p:commandButton value="Save" action="#{selectBackingBean.onSave}" update="@form" />
</h:form>
</h:body>
</html>
我们还定义保存 View 状态和模型的支持 bean:
@Data
@Named
@ViewScoped
public class SelectBackingBean implements Serializable {
private List<String> teams;
private List<Match> matches;
private String selectedHome;
private String selectedAway;
@Data
@AllArgsConstructor
public class Match {
private String home;
private String away;
}
@PostConstruct
private void init() {
teams = Arrays.asList("Malmö FF", "GAIS", "IFK Göteborg", "AIK");
matches = new ArrayList<>(Arrays.asList(new Match("Malmö FF", "AIK")));
}
public boolean onValidateMatch(FacesContext context, List<UIInput> components,
List<String> values) {
return values.get(0) != values.get(1) && !matches.contains(new Match(values.get(0), values.get(1)));
}
public void onSave() {
matches.add(new Match(selectedHome, selectedAway));
}
}
如果我们现在运行它，我们会得到以下结果:
如果我们继续下去并最终遇到验证错误，我们会得到以下结果:
注意它如何不断地保留所有组件的状态。 OmniFaces 和 JSF 中的组件允许您控制组件树中选定部分的状态，以避免这种行为。
我猜测您的代码中发生了一些问题，或者您正在以某种方式重置连接到组件的支持 bean 值。
关于validation - OmniFaces <o :validateMultiple> resetting two PrimeFaces <p:selectOneMenu> after validation failed，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60378782/
25
4
0
我想为每个条显示不同颜色的 primefaces 条形图。我得到的最接近的就像图像: 我想用不同的颜色来表示这些条，比如绿色代表“准时”，黄色代表“警告”，红色代表“逾期” 我尝试使用 model.s
我对 Primefaces 3 对话框的构造感到困惑。 我在 SO 中看到了具有这种模式的问题。表单在对话框之外。 但另一个问题有这个。 Primef
我尝试使用一个简单的gmap示例开始开发Web应用程序，但是它对我不起作用。 我使用了在网页上找到的示例电影收藏家。我只在template.html文件中包含了这个代码。 我收到此错误: javax.
我正在使用 primefaces 3.0。我有三个文本字段，其中任何一个都是必需的。我如何在 primefaces 中验证这一点。请帮忙..谢谢 最佳答案 通常，当在组件上使用自定义 f:valida
我正在尝试为 primefaces 选择列表创建自定义过滤器。当我按照手册中的说明进行操作时，我在 primefaces 的某处遇到了 TypeError。 我对picklist的定义 我的过滤
我正在努力处理primefaces日历。我需要的是，如果今天是 2011 年 7 月 28 日，我可以限制用户选择 7 月 28 日之前 1 年和 7 月 28 日之后 3 年的日期。 我查看了 pr
有没有办法删除 p:datatable 标题上的全选复选框。 我需要单个行上的复选框，而不是标题上的复选框。 最佳答案 这非常有效: .ui-chkbox.ui-chkbox-all.ui-widge
Primefaces 3.5，Mojarra 2.1.14。这是我的 PF 数据表，它包含一个名为“自动”的不可编辑 bool 列和可编辑的“标签”列:
我想在向导的最后一个选项卡上隐藏后退按钮。 我正在使用素面。它的解决方案是什么？ 谢谢 最佳答案 您可以使用 jQuery 在客户端执行此操作: 假设您正在使用展示中的向导:http://www.pr
如果我在 PrimeFaces 数据表中设置属性“scrollable=true”，它可以垂直滚动。但是可以水平滚动这个表格吗？ 最佳答案 Primefaces 支持在数据表上水平滚动。只需像这样指定
我有这个代码。在用户选择一行并关闭对话框之后，它将触发rowSelect事件。在我更新为primfaces 3.3(我安装了ver3.2)之前，它工作得很好。我在控制台中没有任何异常，当我调试时，我看
是否存在任何方法来设置 primefaces 的日历组件的年份列表？ 最佳答案 对于年份列表，您可以使用 navigator="true" p:calendar 中素面的属性标记和年份范围 c-100
我正在使用 primefaces 3.2。我已经准备好了向导，可以在数据表的同一页面上插入用户信息。向导逐个选项卡获取信息并在确认选项卡上提交。它还将反射(reflect)在数据表的同一页面上。它运行
我有一个 p:treeTable，树内容都在一列中。该树是一个共享组件，因此我的某些页面需要列标题，而有些则不需要。在列标题为空的页面中，它为列标题创建一个空行，这是我不想要的。我确实想要列内容，只是
我使用的是primefaces 3.4，我在 p:overlaypanel 中有一个 p:calendar 。当我选择日期时，覆盖面板关闭(使用 Google Chrome 时)当我使用 Firefo
当我使用日历时，我将“timeOnly”设置为“true”，将“pattern”设置为“HH:mm a”。 当输入时间大于或等于“13:00 pm”时，日历每次获得焦点，都会 自动将时间更改为“23:
我也在尝试获取枚举“CityCodes.java”中定义的城市代码，这是我的枚举类，我的定义如下: public enum Cities { AL("Alabama","1"), AK("Alaska
在 PrimeFaces 展示页面上有一个简单的标题栏，适合实际主题。我的意思是此页面上的“欢迎来到 PrimeFaces 展示”文本:http://www.primefaces.org/showca
是否可以在 Primefaces 中创建垂直菜单栏？ 我习惯了像 Ext-JS 这样简单的纯 AJax 框架，但到目前为止我还没有在 PF 中看到这样的组件。 谢谢， 乔 最佳答案 它被称为分层菜单。
是否可以设置 Primefaces 的 ScrollPanel 的滚动速度？ Scrollpanel 在“ native ”模式下的滚动速度可以，但在“默认”模式下不行。 我使用的是 Primefac
我是一名优秀的程序员,十分优秀！