我在视图中有一个表单,它执行自动完成和gmap本地化的ajax部分处理。我的支持bean实例化一个实体对象“Address”,并且该对象引用了表单的输入:
@ManagedBean(name="mybean")
@SessionScoped
public class Mybean implements Serializable {
private Address address;
private String fullAddress;
private String center = "0,0";
....
public mybean() {
address = new Address();
}
...
public void handleAddressChange() {
String c = "";
c = (address.getAddressLine1() != null) { c += address.getAddressLine1(); }
c = (address.getAddressLine2() != null) { c += ", " + address.getAddressLine2(); }
c = (address.getCity() != null) { c += ", " + address.getCity(); }
c = (address.getState() != null) { c += ", " + address.getState(); }
fullAddress = c;
addMessage(new FacesMessage(FacesMessage.SEVERITY_INFO, "Full Address", fullAddress));
try {
geocodeAddress(fullAddress);
} catch (MalformedURLException ex) {
Logger.getLogger(Mybean.class.getName()).log(Level.SEVERE, null, ex);
} catch (UnsupportedEncodingException ex) {
Logger.getLogger(Mybean.class.getName()).log(Level.SEVERE, null, ex);
} catch (IOException ex) {
Logger.getLogger(Mybean.class.getName()).log(Level.SEVERE, null, ex);
} catch (ParserConfigurationException ex) {
Logger.getLogger(Mybean.class.getName()).log(Level.SEVERE, null, ex);
} catch (SAXException ex) {
Logger.getLogger(Mybean.class.getName()).log(Level.SEVERE, null, ex);
} catch (XPathExpressionException ex) {
Logger.getLogger(Mybean.class.getName()).log(Level.SEVERE, null, ex);
}
}
private void geocodeAddress(String address)
throws MalformedURLException, UnsupportedEncodingException,
IOException, ParserConfigurationException, SAXException,
XPathExpressionException {
// prepare a URL to the geocoder
address = Normalizer.normalize(address, Normalizer.Form.NFD);
address = address.replaceAll("[^\\p{ASCII}]", "");
URL url = new URL(GEOCODER_REQUEST_PREFIX_FOR_XML + "?address="
+ URLEncoder.encode(address, "UTF-8") + "&sensor=false");
// prepare an HTTP connection to the geocoder
HttpURLConnection conn = (HttpURLConnection) url.openConnection();
Document geocoderResultDocument = null;
try {
// open the connection and get results as InputSource.
conn.connect();
InputSource geocoderResultInputSource = new InputSource(conn.getInputStream());
// read result and parse into XML Document
geocoderResultDocument = DocumentBuilderFactory.newInstance().newDocumentBuilder().parse(geocoderResultInputSource);
} finally {
conn.disconnect();
}
// prepare XPath
XPath xpath = XPathFactory.newInstance().newXPath();
// extract the result
NodeList resultNodeList = null;
// c) extract the coordinates of the first result
resultNodeList = (NodeList) xpath.evaluate(
"/GeocodeResponse/result[1]/geometry/location/*",
geocoderResultDocument, XPathConstants.NODESET);
String lat = "";
String lng = "";
for (int i = 0; i < resultNodeList.getLength(); ++i) {
Node node = resultNodeList.item(i);
if ("lat".equals(node.getNodeName())) {
lat = node.getTextContent();
}
if ("lng".equals(node.getNodeName())) {
lng = node.getTextContent();
}
}
center = lat + "," + lng;
}
在我提交整个表单之前,自动完成和映射ajax请求工作正常。如果验证失败,除了在视图中无法更新的字段fullAddress之外,ajax仍然正常工作,即使在ajax请求之后在辅助bean上正确设置了它的值。
<h:outputLabel for="address1" value="#{label.addressLine1}"/>
<p:inputText required="true" id="address1"
value="#{mybean.address.addressLine1}">
<p:ajax update="latLng,fullAddress"
listener="#{mybean.handleAddressChange}"
process="@this"/>
</p:inputText>
<p:message for="address1"/>
<h:outputLabel for="address2" value="#{label.addressLine2}"/>
<p:inputText id="address2"
value="#{mybean.address.addressLine2}"
label="#{label.addressLine2}">
<f:validateBean disabled="#{true}" />
<p:ajax update="latLng,fullAddress"
listener="#{mybean.handleAddressChange}"
process="address1,@this"/>
</p:inputText>
<p:message for="address2"/>
<h:outputLabel for="city" value="#{label.city}"/>
<p:inputText required="true"
id="city" value="#{mybean.address.city}"
label="#{label.city}">
<p:ajax update="latLng,fullAddress"
listener="#{mybean.handleAddressChange}"
process="address1,address2,@this"/>
</p:inputText>
<p:message for="city"/>
<h:outputLabel for="state" value="#{label.state}"/>
<p:autoComplete id="state" value="#{mybean.address.state}"
completeMethod="#{mybean.completeState}"
selectListener="#{mybean.handleStateSelect}"
onSelectUpdate="latLng,fullAddress,growl"
required="true">
<p:ajax process="address1,address2,city,@this"/>
</p:autoComplete>
<p:message for="state"/>
<h:outputLabel for="fullAddress" value="#{label.fullAddress}"/>
<p:inputText id="fullAddress" value="#{mybean.fullAddress}"
style="width: 300px;"
label="#{label.fullAddress}"/>
<p:commandButton value="#{label.locate}" process="@this,fullAddress"
update="growl,latLng"
actionListener="#{mybean.findOnMap}"
id="findOnMap"/>
<p:gmap id="latLng" center="#{mybean.center}" zoom="18"
type="ROADMAP"
style="width:600px;height:400px;margin-bottom:10px;"
model="#{mybean.mapModel}"
onPointClick="handlePointClick(event);"
pointSelectListener="#{mybean.onPointSelect}"
onPointSelectUpdate="growl"
draggable="true"
markerDragListener="#{mybean.onMarkerDrag}"
onMarkerDragUpdate="growl" widgetVar="map"/>
<p:commandButton id="register" value="#{label.register}"
action="#{mybean.register}" ajax="false"/>
如果我刷新页面,验证错误消息将消失,ajax将按预期完成fullAddress字段。
在验证期间还会发生另一种奇怪的行为:我已禁用表单字段的bean验证,如代码所示。这项工作没问题,直到找到其他验证错误,然后,如果我重新提交表单,JSF会对此字段进行bean验证!
我想我在验证状态期间遗漏了一些内容,但我无法弄清楚它有什么问题。有谁知道如何调试JSF生命周期?有什么想法吗?
答案 0 :(得分:81)
通过考虑以下事实可以理解问题的原因:
在验证阶段,当特定输入组件的JSF验证成功时,提交的值将设置为null
,并且验证的值将设置为输入组件的本地值。
在验证阶段,当特定输入组件的JSF验证失败时,提交的值将保留在输入组件中。
如果验证阶段后至少有一个输入组件无效,则JSF不会更新任何输入组件的模型值。 JSF将直接进入呈现响应阶段。
当JSF呈现输入组件时,它将首先测试提交的值是否不是null
然后显示它,否则如果本地值不是null
然后显示它,否则它将显示模型值。
只要您与同一个JSF视图进行交互,就会处理相同的组件状态。
因此,当特定表单提交的验证失败时,您碰巧需要通过不同的ajax操作或甚至不同的ajax形式更新输入字段的值(例如,根据下拉选项填充字段或某些模态对话框形式的结果等),那么你基本上需要重置目标输入组件,以便让JSF显示在调用动作期间编辑的模型值。否则,JSF仍将显示其在验证失败期间的本地值,并将它们保持在无效状态。
您的特定情况的一种方法是手动收集由PartialViewContext#getRenderIds()
更新/重新呈现的输入组件的所有ID,然后手动重置其状态并提交值EditableValueHolder#resetValue()
。
FacesContext facesContext = FacesContext.getCurrentInstance();
PartialViewContext partialViewContext = facesContext.getPartialViewContext();
Collection<String> renderIds = partialViewContext.getRenderIds();
for (String renderId : renderIds) {
UIComponent component = viewRoot.findComponent(renderId);
EditableValueHolder input = (EditableValueHolder) component;
input.resetValue();
}
您可以在handleAddressChange()
侦听器方法内部执行此操作,也可以在可重复使用的ActionListener
实现中执行此操作,该实现将<f:actionListener>
附加到调用handleAddressChange()
侦听器的输入组件方法
回到具体问题,我想这是JSF2规范中的疏忽。当JSF规范要求以下内容时,JSF开发人员会更有意义:
已将此报告为JSF issue 1060,并在OmniFaces库中实施了完整且可重复使用的解决方案ResetInputAjaxActionListener
(源代码here并展示演示{{3 }})。
更新1:自版本3.4以来,PrimeFaces基于这一想法,还引入了here的完整且可重复使用的解决方案。
更新2:从版本4.0开始,<p:resetInput>
获得了一个新的布尔属性resetValues
,它还可以解决此类问题,而无需额外的标记。
更新3: JSF 2.2引入<p:ajax>
,遵循与<p:ajax resetValues>
相同的想法。该解决方案现在是标准JSF API的一部分。
答案 1 :(得分:3)
正如BalusC解释的那样,您还可以添加一个可重复使用的侦听器来清除所有输入值,例如:
public class CleanLocalValuesListener implements ActionListener {
@Override
public void processAction(ActionEvent actionEvent) throws AbortProcessingException {
FacesContext context = FacesContext.getCurrentInstance();
UIViewRoot viewRoot = context.getViewRoot();
List<UIComponent> children = viewRoot.getChildren();
resetInputValues(children);
}
private void resetInputValues(List<UIComponent> children) {
for (UIComponent component : children) {
if (component.getChildCount() > 0) {
resetInputValues(component.getChildren());
} else {
if (component instanceof EditableValueHolder) {
EditableValueHolder input = (EditableValueHolder) component;
input.resetValue();
}
}
}
}
}
每当您需要清理本地值时使用它:
<f:actionListener type="com.cacib.bean.CleanLocalValuesListener"/>
答案 2 :(得分:3)
在标记<p:ajax/>
中,请添加属性resetValues="true"
以告知视图再次获取数据,这样就可以解决您的问题。