Это выполнимо с небольшой помощью PhaseListener
.
Вот как выглядит представление, а не шокирует, просто <f:ajax>
на каждом компоненте ввода, который перехватывает событие blur
и, таким образом, немедленно повторно визуализирует компонент сообщения, когда поле ввода теряет фокус.
<!DOCTYPE html>
<html lang="en"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<title>Stackoverflow question 4313917</title>
<style>.info { color: green; } .error { color: red; }</style>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="3">
<h:outputLabel for="input1">Input 1</h:outputLabel>
<h:inputText id="input1" value="#{bean.input1}" required="true">
<f:ajax event="blur" render="input1message" />
</h:inputText>
<h:message id="input1message" for="input1" infoClass="info" errorClass="error" />
<h:outputLabel for="input2">Input 2</h:outputLabel>
<h:inputText id="input2" value="#{bean.input2}" required="true">
<f:ajax event="blur" render="input2message" />
</h:inputText>
<h:message id="input2message" for="input2" infoClass="info" errorClass="error" />
<h:outputLabel for="input3">Input 3</h:outputLabel>
<h:inputText id="input3" value="#{bean.input3}" required="true">
<f:ajax event="blur" render="input3message" />
</h:inputText>
<h:message id="input3message" for="input3" infoClass="info" errorClass="error" />
<h:panelGroup />
<h:commandButton value="Submit" action="#{bean.submit}" />
<h:panelGroup />
</h:panelGrid>
</h:form>
</h:body>
</html>
Бин говорит сам за себя: 3 свойства input1
, input2
и input3
и метод void submit()
. Просто позвольте вашей IDE автоматически сгенерировать шаблон.
Вот это PhaseListener
:
package com.example;
import javax.faces.application.FacesMessage;
import javax.faces.component.UIComponent;
import javax.faces.component.UIInput;
import javax.faces.component.UIViewRoot;
import javax.faces.context.FacesContext;
import javax.faces.event.PhaseEvent;
import javax.faces.event.PhaseId;
import javax.faces.event.PhaseListener;
public class MessagePhaseListener implements PhaseListener {
@Override
public PhaseId getPhaseId() {
return PhaseId.RENDER_RESPONSE;
}
@Override
public void beforePhase(PhaseEvent event) {
FacesContext facesContext = event.getFacesContext();
if (facesContext.isPostback()) {
UIViewRoot viewRoot = facesContext.getViewRoot();
for (String clientId : facesContext.getExternalContext().getRequestParameterMap().keySet()) {
UIComponent component = viewRoot.findComponent(clientId);
if (component instanceof UIInput && !facesContext.getMessages(clientId).hasNext()) {
facesContext.addMessage(clientId, new FacesMessage(FacesMessage.SEVERITY_INFO, "OK!", null));
}
}
}
}
@Override
public void afterPhase(PhaseEvent event) {
// NOOP. It's too late anyway.
}
}
Зарегистрируйте его следующим образом в faces-config.xml
(нет, к сожалению, аннотаций JSF 2.0 для фазелистенизаторов нет).
<lifecycle>
<phase-listener>com.example.MessagePhaseListener</phase-listener>
</lifecycle>
Возможно, вы захотите параметризовать "ОК!" сообщение в фазселистере.