我有一个JSF 2.2表单,它由一个输入文本字段和一对内联显示的单选按钮组成。考虑到JSF 2.2中对单选按钮组的已知限制,我将使用BalusC在这篇博客文章中概述的技术。我们无法升级到JSF 2.3,因为这是一个Weblogic应用程序,并且我们目前锁定在Weblogic 12.2(JavaEE 7(上。
虽然当提交有效表单时,这种技术可以很好地工作,但问题是,如果提交了无效表单,则用户的单选按钮选择将丢失,并重置为最后一个有效值(或初始值(。
以下是我如何定义单选按钮对的示例,使用h:inputHidden
元素并将其binding
属性与单个单选按钮的name
属性链接(用于其组ID(。
<ui:composition 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:jsf="http://xmlns.jcp.org/jsf"
xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">
<div class="form-group">
<h:outputLabel for="heightInput"
value="Height"
styleClass="col-xs-6" />
<div class="col-xs-6">
<h:inputText id="heightInput"
value="#{modelBean.height}"
required="true" />
</div>
<div class="col-xs-12">
<div class="radio-inline">
<h:outputLabel for="heightCentimeters">
<input type="radio"
jsf:id="heightCentimeters"
pt:name="#{hiddenHeightUnitSelection.clientId}"
value="CENTIMETERS"
pt:checked="#{modelBean.heightUnit eq 'CENTIMETERS' ? 'checked' : null}" />
Centimeters
</h:outputLabel>
</div>
<div class="radio-inline">
<h:outputLabel for="heightInches">
<input type="radio"
jsf:id="heightInches"
pt:name="#{hiddenHeightUnitSelection.clientId}"
value="INCHES"
pt:checked="#{modelBean.heightUnit eq 'INCHES' ? 'checked' : null}" />
Inches
</h:outputLabel>
</div>
<h:inputHidden id="heightUnitSelection"
binding="#{hiddenHeightUnitSelection}"
value="#{modelBean.heightUnit}"
rendered="#{facesContext.currentPhaseId.ordinal ne 6}" />
</div>
</div>
</ui:composition>
在提交无效表单的情况下,如何保留用户的单选按钮选择?模型永远不会随他们的选择而更新。其他表单元素在表单提交过程中保留其值,即使存在验证错误。我怎样才能让我的单选按钮组有类似的行为?
实际上,checked
属性直接比较模型值。
pt:checked="#{modelBean.heightUnit eq 'CENTIMETERS' ? 'checked' : null}"
模型值在UPDATE_MODEL_VALUES
阶段更新,但在PROCESS_VALIDATIONS
阶段遇到验证错误时不会执行。
基本上,您希望检查提交的值,而不是模型值。UIInput#getValue()
背后的逻辑已经涵盖了这一点。在您的特定情况下,您希望与<h:inputHidden>
的值进行比较。
pt:checked="#{hiddenHeightUnitSelection.value eq 'CENTIMETERS' ? 'checked' : null}"
同时,你的问题中链接的博客文章已经更新。