Java Server Faces (JSF) - advanced

JSF (JavaServer Faces) Part 2 – In Depth

Contents (2) ,[object Object],[object Object],[object Object],[object Object],[object Object]

JSF Event Model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Types Of Events ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Action Events ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Action Events Handling ,[object Object],[object Object],[object Object],[object Object],<h:commandButton value = "Test Action Listener " actionListener="#{testActionListener.actionMethod}"/> public void actionMethod(ActionEvent actionEvent){ //some code goes here } In the JSP page method in backing bean

Value Change Events ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Value Change Events Handling ,[object Object],[object Object],[object Object],<h:selectOneMenu value="#{addressBean.country}" valueChangeListener="#{addressBean.populatePinNumber}"> </h:selectOneMenu>

Registering ValueChangeListener ,[object Object],<h:inputText id="inputId" value="#{someBean.someProperty}"> <f:valueChangeListener type="com.myProject.myApp.ValueChangeListenerImpl"> </h:inputText>

Value Change Events Live Demo

Phase Events ,[object Object],[object Object],[object Object],[object Object],<lifecycle> <phase-listener> ham.jsf.events.actions.TestActionListener </phase-listener> </lifecycle>

Faces Messages ,[object Object],[object Object],[object Object],[object Object],[object Object],<h:messages style="color: red" <h:message for=" inputId " style="color: red" /> <h:inputText id=" inputId " value="#{someBean.someProperty}"

Faces Messages (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],FacesMessage facesMessage = new FacesMessage( FacesMessage.SEVERITY_INFO, "message summary", "detailed message"); facesContext.addMessage("clinetId", facesMessage); Here pass null if you want the message to be shown as global message

Validation Model ,[object Object],[object Object],[object Object]

Standard validations ,[object Object],Validator class Tag Function DoubleRangeValidator validateDoubleRange Checks whether the local value of a component is within a certain range. The value must be floating-point or convertible to it LengthValidator validateLength Checks whether the length of a component’s value is within a certain range. The value must be a String. LongRangeValidator validateLongRange Checks whether the local value of a component is within a certain range. The value must be any numeric type or String that can be converted to a long.

Custom validators ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Custom validator registration ,[object Object],<validator> ... <validator-id>FormatValidator</validator-id> <validator-class> com.sun.bookstore6.validators.FormatValidator </validator-class> <attribute> ... <attribute-name>formatPatterns</attribute-name> <attribute-class>java.lang.String</attribute-class > </attribute> </validator>

Validation method - example ,[object Object],[object Object],public void validateEmail(FacesContext context, UIComponent toValidate, Object value) { String message = ""; String email = (String) value; if (email.contains(’@’)) { ((UIInput)toValidate).setValid(false); message = CoffeeBreakBean.loadErrorMessage(context, CoffeeBreakBean.CB_RESOURCE_BUNDLE_NAME, "EMailError"); context.addMessage(toValidate.getCli e ntId(context), new FacesMessage(message)); } }

Conversion Overview ,[object Object],[object Object],[object Object],[object Object]

Converters ,[object Object],[object Object],[object Object],[object Object]

Standard Converters ,[object Object],[object Object],[object Object],[object Object]

Using converters ,[object Object],[object Object],<h:inputText id="age" value="#{user.age}" > <f:converter converterId="javax.faces.Integer"/> </h:inputText> <h:inputText id="inputId" value="#{someBean.someProperty}"> <f:convertNumber maxFractionDigits="2" groupingUsed="true" currencySymbol="$" maxIntegerDigits="7" type="currency"/> </h:inputText> Number converter has its own tag

Custom Converters ,[object Object],[object Object],[object Object],[object Object],[object Object]

Custom Converter Implementation ,[object Object],[object Object],[object Object]

Using attribute converter ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<h:inputText id="phoneNumber" value="#{bb.pnumber}" converter=" PNConverter ">

Using <f:converter> tag ,[object Object],[object Object],<converter> <converter-id> com.corejsf.CreditCard </converter-id> <converter-class> com.corejsf.CreditCardConverter </converter-class> </converter> <h:outputText value="#{msgs.creditCard}"/> <h:inputText id="card" label="#{msgs.creditCard}" value="#{payment.card}"> <f:converter converterId=" com.corejsf.CreditCard "/> </h:inputText> <h:message for="card" styleClass="errorMessage"/>

Live Demo Phone Number Converter

Global Converter registration ,[object Object],<converter> <converter-for-class> demosjsf.PhoneNumber </converter-for-class> <converter-class> demosjsf.PhoneNumberConverter </converter-class> </converter>

Resource bundles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Resource bundles ,[object Object],[object Object],[object Object],<application> <resource-bundle> <base-name>bundle.messages</base-name> <var> msg </var> </resource-bundle> </application>

Using resource bundles ,[object Object],[object Object],[object Object],<h:outputText value="#{ msg .someMessageKey}"/> someMessageKey=some message otherMessageKey=Here is another message

Message bundles ,[object Object],[object Object],[object Object],<application> <locale-config> <default-locale>en_US</default-locale> <supported-locale>bg_BG</supported-locale> </locale-config> <message-bundle>bundle.messages</message-bundle> </application>

Using message bundles in pages ,[object Object],[object Object],[object Object],[object Object],<f:loadBundle var="msg" basename="bundles.Messages" />

Using message bundles in the code ,[object Object],public class FacesBundlesUtils { public static String getMessage( String key, Object[] params){ FacesContext facesContext = FacesContext.getCurrentInstance(); Locale locale = facesContext.getViewRoot().getLocale(); String bundleName = facesContext.getApplication().getMessageBundle(); String message = null; try { ResourceBundle bundle = ResourceBundle .getBundle(bundleName, locale); message = bundle.getString(key); // Example Continues...

Using message bundles in the code (2) if (params != null && params.length > 0) { MessageFormat mf = new MessageFormat( message, locale); message = mf.format(params, new StringBuffer(), null).toString(); } } catch (MissingResourceException e) { message = "???" + key + "???"; } return message; } public static String getMessage(String key) { return getMessage(key, new Object[] {}); } } String detailedUCNMessage = FacesBundlesUtils.getMessage( DETAILED_MESSAGE_KEY, ucnStringValue); ,[object Object]

Live Demo i18n with Resource Bundles

Detailed Overview Request Lifecycle

Phase 1: Restore View ,[object Object],[object Object],[object Object],[object Object],[object Object]

Initial And Postback Requests ,[object Object],[object Object],[object Object],[object Object],[object Object]

Phase 2: Apply Request Values ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Phase 3: Process Validation ,[object Object],[object Object],[object Object],[object Object],[object Object]

Phase 4: Update Model Values ,[object Object],[object Object],[object Object],[object Object]

Phase 5: Invoke Application ,[object Object],[object Object],[object Object],[object Object]

Phase 6: Render Response ,[object Object],[object Object],[object Object],[object Object],[object Object]

Skipping to Render Response ,[object Object]

Problems ,[object Object],[object Object],[object Object],[object Object]

Java Server Faces (JSF) - advanced

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à Java Server Faces (JSF) - advanced

Similaire à Java Server Faces (JSF) - advanced (20)

Plus de BG Java EE Course

Plus de BG Java EE Course (20)

Java Server Faces (JSF) - advanced

Notes de l'éditeur