Dans le précédent billet nous avons vu comme persister un nouveau contact créé avec note formulaire. La création de contacts est donc désormais tout à fait opérationnelle, cependant il nous manque encore quelques fonctionnalités. Dans ce billet, nous allons voir comment faciliter l'insertion et le formatage de la date de naissance à l'aide d'un DatePicker YUI.

Ajouter un Behavior de type DatePicker au composant Java

public class EditContactPage extends TemplatePage {
 
    public EditContactPage() {
    super();
    add(new EditContactFrom("editform", new Contact()));
 
    }
 
    public class EditContactFrom extends Form {
 
    public EditContactFrom(String id, Contact contact) {
        super(id);
 
        setModel(new CompoundPropertyModel(contact));
 
        add(new TextField("prenom").setRequired(true));
        add(new TextField("nom").setRequired(true).add(
            new MaximumLengthValidator(10)));
        add(new TextField("dateNaissance", Date.class).add(new DatePicker()));
        add(new TextField("email").add(EmailAddressValidator.getInstance()));
 
        add(new FeedbackPanel("feedback"));
    }
 
    @Override
    protected void onSubmit() {
        Contact contact = (Contact) getModelObject();
 
        ZenContactApplication.get().getContacts().add(contact);
 
        setResponsePage(ListContactPage.class);
    }
 
    }
}

Le DatePicker n'a pas pour unique but de faciliter l'insertion d'une date pour l'utilisateur. Il permet également de s'assurer qu'il n'y aura pas de problèmes lors de la conversion de la chaîne de caractères en type Date, puisque le format de date provient du serveur.

Testons : http://localhost:8080/zencontact

La validation côté serveur est maintenant complète. Cependant, pour davantage de fiabilité, il serait utile de valider en amont, côté client. Nous verrons comment procéder dans le prochain billet.

Précédent : Zencontact 10 - Persistance du contact
Suivant : Zencontact 12 - Validation côté client