Action Event

[Sunder Ganapathy]

While using 'form.jsp', after pressing 'ADD', I do not find,
'listing.jsp' being loaded. The codes are as follows.

form.jsp:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 
<h:form binding="#{contactController.form}" rendered="false"
styleClass="form">
 
<h4>Contact Form</h4>

<h:inputHidden value="#{contactController.contact.id}" />
<h:panelGrid columns="9" columnClasses="input">
<%-- First Name --%>
<h:outputLabel value="First Name" for="firstName" accesskey="f" />
<h:inputText id="firstName" label="First Name" required="true"
value="#{contactController.contact.firstName}" size="10" >
<f:validateLength minimum="2" maximum="25" />
</h:inputText>
<h:message for="firstName" errorClass="errorClass" />
 
<%-- Last Name --%>
<h:outputLabel value="Last Name" for="lastName" accesskey="l" />
<h:inputText id="lastName" required="true"
value="#{contactController.contact.lastName}" size="15" />
<h:message for="lastName" errorClass="errorClass" />

<%-- Group --%>
<h:outputLabel value="Group" for="group" accesskey="g" />
<h:selectOneMenu id="group" validatorMessage="required" 
                 value="#{contactController.contact.group}">
<f:selectItems value="#{contactController.availableGroups}"/>
</h:selectOneMenu>
<h:message for="group" errorClass="errorClass" />

<%-- Type --%>
<h:outputLabel value="Type" for="type" accesskey="t" />
<h:selectOneRadio id="type"
                 value="#{contactController.contact.type}">
<f:selectItem itemValue="PERSONAL" itemLabel="personal"/>
<f:selectItem itemValue="BUSINESS" itemLabel="business"/>
</h:selectOneRadio>
<h:message for="type" errorClass="errorClass" />
 
<%-- active --%>
<h:outputLabel value="Active" for="active" accesskey="a" />
<h:selectBooleanCheckbox id="active" 
                 value="#{contactController.contact.active}"/>
<h:message for="active" errorClass="errorClass" />

<%-- email --%>
<h:outputLabel value="email" for="email" accesskey="e" />
<h:inputText id="email" size="20"
                 value="#{contactController.contact.email}"/>
<h:message for="email" errorClass="errorClass" />

<%-- zip --%>
<h:outputLabel value="Zip" for="zip" accesskey="zip" />
<h:inputText id="zip" size="5"
                 value="#{contactController.contact.zip}">
    <f:validator validatorId="arcmind.zipCode"/>
</h:inputText>
<h:message for="zip" errorClass="errorClass" />
 
<%-- age --%>
<h:outputLabel value="Age" for="age" accesskey="age" />
<h:inputText id="age" size="3"
                 value="#{contactController.contact.age}">
     <f:validateLongRange minimum="0" maximum="150"/>
</h:inputText>
<h:message for="age" errorClass="errorClass" />

<%-- birthDate --%>
<h:outputLabel value="Birth Date" for="birthDate" accesskey="b" />
<h:inputText id="birthDate" value="#{contactController.contact.birthDate}">
             <f:convertDateTime pattern="MM/yyyy"/>
</h:inputText>
<h:message for="birthDate" errorClass="errorClass" />
 


</h:panelGrid>
<div style="border: solid #000 1px">
<h4>Phone Numbers</h4>
<h:panelGrid columns="6" columnClasses="padding">
<%-- Work --%>
<h:outputLabel value="Work" for="work" accesskey="w" />
<h:inputText id="work" 
value="#{contactController.contact.workPhoneNumber}" size="11" 
validatorMessage="Not a valid phone number"
validator="#{contactValidators.validatePhone}"
/>
<h:message for="work" errorClass="errorClass" />
<%-- Home --%>
<h:outputLabel value="Home" for="home" accesskey="h" />
<h:inputText id="home" 
value="#{contactController.contact.homePhoneNumber}" size="11" 
validatorMessage="Not a valid phone number"
validator="#{contactValidators.validatePhone}"
/>
<h:message for="home" errorClass="errorClass" />
<%-- Mobile --%>
<h:outputLabel value="Mobile" for="mobile" accesskey="m" />
<h:inputText id="mobile" 
value="#{contactController.contact.mobilePhoneNumber}" size="11" 
validatorMessage="Not a valid phone number"
validator="#{contactValidators.validatePhone}"
/>
<h:message for="mobile" errorClass="errorClass" />
</h:panelGrid>
</div>
<%-- Tags --%>
<div style="border: solid #000 1px">
<h:panelGrid columns="3">
<h:outputLabel value="Tags" for="tags" accesskey="t" style="font: large;"/>
<h:selectManyCheckbox id="tags" 
                 value="#{contactController.contact.tags}">
<f:selectItems value="#{contactController.availableTags}"/>
</h:selectManyCheckbox>
<h:message for="tags" errorClass="errorClass" />
</h:panelGrid>
</div>
 
<%-- Description --%>
<div style="border: solid #000 1px">
<h:outputLabel value="Description" for="description" accesskey="d" style="font: large;"/>
<h:inputTextarea id="description" cols="80" rows="5" 
value="#{contactController.contact.description}" />
<h:message for="description" errorClass="errorClass" />
</div>

<h:panelGroup>
<h:commandButton binding="#{contactController.persistCommand}"
action="#{contactController.persist}" />
<h:commandButton type="reset" value="Reset"/>
<h:commandButton action="#{contactController.cancel}" 
                 value="Cancel" immediate="true"/>
</h:panelGroup>
</h:form>

listing.jsp:

    
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 
<h:form>
<h:dataTable value="#{contactController.contacts}" var="contact"
rowClasses="oddRow, evenRow"
rendered="#{not empty contactController.contacts}"
styleClass="contactTable" headerClass="headerTable"
columnClasses="normal,normal,normal,centered">
<h:column> <%-- Name column --%>
<f:facet name="header">
<h:column>
<h:outputText value="Name" />
</h:column>
</f:facet>
<h:outputText value="#{contact.lastName}, #{contact.firstName}" />
</h:column>
<h:column> <%-- Group column --%>
<f:facet name="header">
<h:column>
<h:outputText value="Group" />
</h:column>
</f:facet>
<h:outputText value="#{contact.group.name}" />
</h:column>
<h:column> <%-- Type column --%>
<f:facet name="header">
<h:column>
<h:outputText value="Type" />
</h:column>
</f:facet>
<h:outputText value="#{contact.type}" />
</h:column>
<h:column> <%-- Tag names --%>
<f:facet name="header">
<h:column>
<h:outputText value="Tag names" />
</h:column>
</f:facet>
<h:outputText value="#{contact.tagNames}" />
</h:column>
<h:column> <%-- Action column (remove / edit) --%>
<f:facet name="header">
<h:column>
<h:outputText value="Action" />
</h:column>
</f:facet>
<h:panelGrid columns="2">
<h:commandLink value="remove" action="#{contactController.remove}">
<f:setPropertyActionListener
target="#{contactController.selectedContact}" value="#{contact}" />
</h:commandLink>
<h:commandLink value="edit" action="#{contactController.read}">
<f:setPropertyActionListener
target="#{contactController.selectedContact}" value="#{contact}" />
</h:commandLink>
</h:panelGrid>
</h:column>
 
</h:dataTable>
</h:form>

ContactController.java :

    
package com.arcmind.contact.controller;
 
import java.util.ArrayList;
import java.util.List;
 
import javax.faces.application.FacesMessage;
import javax.faces.component.UICommand;
import javax.faces.component.UIForm;
import javax.faces.context.FacesContext;
import javax.faces.model.SelectItem;
 
import com.arcmind.contact.model.Contact;
import com.arcmind.contact.model.ContactRepository;
import com.arcmind.contact.model.ContactValidationException;
import com.arcmind.contact.model.Group;
import com.arcmind.contact.model.GroupRepository;
import com.arcmind.contact.model.Tag;
import com.arcmind.contact.model.TagRepository;
 
public class ContactController {
/** Contact Controller collaborates with contactRepository. */
private ContactRepository contactRepository;

/** The current contact that is being edited. */
private Contact contact = new Contact();

/** Contact to remove. */
private Contact selectedContact;

/** The current form. */
private UIForm form;

/** Add new link. */
private UICommand addNewCommand;

/** Persist command. */
private UICommand persistCommand;
 
private GroupRepository groupRepository;

private TagRepository tagRepository;


/** For injection of collaborator. */
public void setContactRepository(ContactRepository contactRepository) {
this.contactRepository = contactRepository;
}
/** For injection of collaborator. */
public void setGroupRepository(GroupRepository groupRepository) {
this.groupRepository = groupRepository;
}
/** For injection of collaborator. */
public void setTagRepository(TagRepository tagRepository) {
this.tagRepository = tagRepository;
}
 
public void addNew() {
    System.out.println("ContactController.addNew()");
form.setRendered(true);
addNewCommand.setRendered(false);
persistCommand.setValue("Add");
}
public String persist() {
        System.out.println("ContactController.perist()");    
    /* Perform the application level validation. */
        try {
            contact.validate();
        } catch (ContactValidationException contactValidationException) {
            addErrorMessage(contactValidationException.getLocalizedMessage());
            return null;
        }


/* Turn form off, turn link on. */
form.setRendered(false);
addNewCommand.setRendered(true);


/* Add a status message. */
if (contactRepository.persist(contact) == null) {
addStatusMessage("Added " + contact);
} else {
addStatusMessage("Updated " + contact);
}
return "contactPersisted";
}
public void remove() {
        System.out.println("ContactController.remove()");    
contactRepository.remove(selectedContact);
addStatusMessage("Removed " + selectedContact);
}
public void read() {
        System.out.println("ContactController.read()");       
    
/* Prepare selected contact. */
contact = selectedContact;

/* Turn form on and the link off. */
form.setRendered(true);
addNewCommand.setRendered(false);

addStatusMessage("Read " + contact);
persistCommand.setValue("Update");
}
private void addStatusMessage(String message) {
FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(
FacesMessage.SEVERITY_INFO, message, null));
}
 
    private void addErrorMessage(String message) {
        FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(
                FacesMessage.SEVERITY_ERROR, message, null));
    }

public List<Contact> getContacts() {
        System.out.println("ContactController.getContacts()");
return contactRepository.list();
}
 
public List<SelectItem> getAvailableGroups() {
        System.out.println("ContactController.getAvailableGroups()");
List<Group> groups = groupRepository.list();
List<SelectItem> list = new ArrayList<SelectItem>(groups.size()+1);
list.add(new SelectItem(Long.valueOf(-1L), "select one"));
for (Group group : groups) {
SelectItem selectItem = new SelectItem(group, group.getName());
list.add(selectItem);
}
return list;
}

public List<SelectItem> getAvailableTags() {
        System.out.println("ContactController.getAvailableTags()");
    List<Tag> tags = tagRepository.list();
List<SelectItem> list = new ArrayList<SelectItem>(tags.size());
for (Tag tag : tags) {
SelectItem selectItem = new SelectItem(tag, tag.getName());
list.add(selectItem);
}
return list;
}

public void cancel () {
        System.out.println("ContactController.cancel()");    
form.setRendered(false);
addNewCommand.setRendered(true);
}
 
/* ------------------- Just properties. ------------------------- */

public Contact getContact() {
return contact;
}
 
public void setContact(Contact contact) {
this.contact = contact;
}
 
public UIForm getForm() {
return form;
}
 
public void setForm(UIForm form) {
this.form = form;
}
 
public UICommand getAddNewCommand() {
return addNewCommand;
}
 
public void setAddNewCommand(UICommand addNewCommand) {
this.addNewCommand = addNewCommand;
}
 
public Contact getSelectedContact() {
return selectedContact;
}
 
public void setSelectedContact(Contact selectedContact) {
this.selectedContact = selectedContact;
}
 
public UICommand getPersistCommand() {
return persistCommand;
}
 
public void setPersistCommand(UICommand persistCommand) {
this.persistCommand = persistCommand;
}

}
 

[Joe Matthew]

I dont find the ADD button in your first JSP. Is it button which calls the "persist()"?

What seems to be the problem? The second JSP is not loaded? Or the JSP is loaded but the values are not being displayed? I am confused

Any Exception in the console?
[ July 10, 2008: Message edited by: Joe Mathew ]

[Sunder Ganapathy]

    
<h:panelGroup>
<h:commandButton binding="#{contactController.persistCommand}"
action="#{contactController.persist}" />
<h:commandButton type="reset" value="Reset"/>
<h:commandButton action="#{contactController.cancel}" 
                 value="Cancel" immediate="true"/>
</h:panelGroup>

The above code displays "ADD RESET and CANCEL" buttons.

The following code should be called when 'ADD' button is pressed.
I find it is not happening, since, there is no message on the console.

    
public String persist() {
        System.out.println("ContactController.perist()");    
    /* Perform the application level validation. */
        try {
            contact.validate();
        } catch (ContactValidationException contactValidationException) {
            addErrorMessage(contactValidationException.getLocalizedMessage());
            return null;
        }

The original contacts.jsp which calls both form.jsp and listing.jsp is as
follows.

    
<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contacts</title>
<link rel="stylesheet" type="text/css"
href="<%=request.getContextPath()%>/css/main.css" />
</head>
 
<body>
<f:view>
<h3>Contacts (3rd version)</h3>
<h:messages infoClass="infoClass" errorClass="errorClass"
layout="table" globalOnly="true" />

<h:form>
<h:commandLink binding="#{contactController.addNewCommand}"
action="#{contactController.addNew}" value="Add New..." />
</h:form>
 
<f:subview id="form">
<jsp:include page="form.jsp"/>
</f:subview>
 
<f:subview id="listing">
<jsp:include page="listing.jsp"/>
</f:subview>
 
</f:view>
</body>
 
</html>