Discussion :

[GDS_Strou]

Bonjour,

Je suis sur un projet Java sur lequel j'aimerais développer une sorte de calendrier dans lequel je pourrais ajouter des activités.

Voici la maquette :



1- Je clique sur le calendrier en haut à gauche pour choisir un jour.

2- Je choisis ensuite une plage horaire.

3- Le fameux calendrier doit alors s’afficher avec les différentes unités à gauche et les plages horaires en haut.

4- Je peux alors saisir des activités dans les plages horaires. Je peux en saisir jusqu’à 4 dans un intervalle d’une heure (exemple : à 16h, GRV à 4 activités orange).

Voilà donc mon problème, je ne sais pas du tout comment construire ce calendrier et je n’ai pas trouvé grand-chose d’intéressant sur le net.
On m'a parlé d'un custom component, quelqu'un a-t-il déjà utilisé cette technologie ?

Quelqu'un saurait-il m'indiquer une démarche à adopter pour réaliser ce genre de calendrier ?

Je vous remercie par avance pour votre éventuelle aide.

[kolodz]

On m'a parlé d'un custom component, quelqu'un a t-il déjà utilisé cette technologie ?

Je pense qu'on t'a parler d'un composant personnalisé. Du fait maison en somme...

Mais ce n'est pas la bonne piste selon moi.
Il est préférable que tu recherche une librairie déjà réalisé qui propose une API robuste.
Il existe :
http://migcalendar.com/
(Payant d'après ce que j'ai vue.)

http://www.mindfusion.eu/jplanner.html
(Payant d'après ce que j'ai vue.)

Ou encore
http://www.jfree.org/jfreechart/
Utilisé pour des des diagrammes de Gantt (http://www.ganttproject.biz/)
Gratuit, mais probablement plus bas niveau.

Cordialement,
Patrick Kolodziejczyk.

[GDS_Strou]

Le mig calendar j'ai vu mais très très cher :-/
JFreeChart à tester, je vais essayer mais pareil, pour avoir des sources de graphiques déjà fait, il faut débourser quelques euros aussi...
Vu que je n'ai pas énormément d'expérience, je sais pas si je vais m'en sortir sans exemples. A voir.

[OButterlin]

Regarde peut-être du côté des extensions de Primefaces, il y a un composant qui ressemble à ce que tu cherches...

[GDS_Strou]

merci pour la réponse je n'avais pas regardé du côté des extensions, celle-ci semble pas mal :


J'ai cependant quelques questions pour ce genre de composants primefaces que je ne connai guère :
- comment paramétrer l'ouverture d'un formulaire pour la saisie d'un nouvel event en cliquant sur le "+" ?
- est-il possible pour un event, d'afficher sont détail lorsque l'on passe la souris dessus ? avec un Dialog par exemple.
- j'ai copié l'exemple dans mon projet mais je ne parviens pas à faire le lien entre le CSS fourni dans l'exemple et mon timeline ? (pour les cellules rouge et verte)

Merci d'avance pour votre aide.

[OButterlin]

- comment paramétrer l'ouverture d'un formulaire pour la saisie d'un nouvel event en cliquant sur le "+" ?

Si tu regardes l'exemple Editable events and server-side API ils l'explique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<p:ajax event="add" update=":dialogForm:detailsBookingInner"
        listener="#{editServerTimelineController.onAdd}"
        oncomplete="PF('detailsBookingWdgt').show()"/>

- est-il possible pour un event, d'afficher sont détail lorsque l'on passe la souris dessus ? avec un Dialog par exemple.

Ça n'a pas été prévu, j'arrive à comprendre leur position, comment différencier d'un déplacement...

- j'ai copié l'exemple dans mon projet mais je ne parviens pas à faire le lien entre le CSS fourni dans l'exemple et mon timeline ? (pour les cellules rouge et verte)

Toujours dans l'exemple, lorsqu'il instancie un TimelineEvent, le dernier argument est un nom qui sera utilisé dans le CSS comme nom de classe de style précédé de "div."

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
String availability = (r == 0 ? "Unavailable" : (r == 1 ? "Available" : "Maybe"));  
  
// create an event with content, start / end dates, editable flag, group name and custom style class  
TimelineEvent event = new TimelineEvent(availability, start, end, true, name, availability.toLowerCase());  
model.add(event);

...
div.unavailable {
background: #F03030 none !important; /* red */
border-color: #bd2828 !important; /* red */
}

div.available {
background: #1AA11A none !important; /* green */
border-color: #136e13 !important; /* green */
}

div.maybe {
background: #FFA500 none !important; /* orange */
border-color: #cc8100 !important; /* orange */
}
...

[tchize_]

Regarde peut-être du côté des extensions de Primefaces, il y a un composant qui ressemble à ce que tu cherches...

p*** de b**** de c***

2 mois que je me trimballe primefaces et pas une seule fois je n'ai remarqué qu'il y avait des extensions C'est saint Nicolas avant l'heure là

[OButterlin]

p*** de b**** de c***

2 mois que je me trimballe primefaces et pas une seule fois je n'ai remarqué qu'il y avait des extensions C'est saint Nicolas avant l'heure là

J'espère que tu n'avais pas commencé à développer des existants