|
|
|
|
|
- Présentation
- Champ d'une fenêtre, d'une page ou d'un état
- Création d'un champ Planning (Editeur de fenêtres et de pages)
- Description d'un planning (Editeur de fenêtres et de pages)
- Les options du champ (éditeur de fenêtres et de pages)
- Un rendez-vous supprimable
- Modes de remplissage d'un champ Planning
Champ d'une fenêtre, d'une page ou d'un état Le champ Planning permet d'afficher et de manipuler des plannings automatiquement. Il permet de gérer l'affichage de ressources multiples et trouve sa place dans de nombreuses applications ou sites. L'affichage s'effectue : - à la journée, à la semaine, au mois,
La plage horaire, le premier jour de la semaine, le nombre de jours à afficher sont paramétrables. Ces paramètres se définissent simplement depuis la fenêtre de description du champ. Création d'un champ Planning (Editeur de fenêtres et de pages) Pour créer un champ Planning : - Sous le volet "Création", dans le groupe "Champs graphiques", déroulez "Temps" et sélectionnez "Planning".
- Cliquez dans la fenêtre ou la page à la position où le champ doit être créé.
- L'assistant de création du champ Planning se lance. Répondez aux différentes questions et validez.
- Le champ apparaît en création.
Remarque : Les dimensions du champ créé sont optimisées pour occuper l'espace disponible à la position indiquée. Si la taille du champ ne vous convient pas, utilisez la combinaison de touches Ctrl + Z : le champ retrouvera sa taille par défaut.Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Description d'un planning (Editeur de fenêtres et de pages) Les options du champ (éditeur de fenêtres et de pages) Le champ Planning peut être paramétré directement sous l'éditeur grâce à la fenêtre de description. Dans l'onglet "Détail", les paramètres du champ Planning sont les suivants : - Avec boutons de changement de période : Cette option permet d'afficher des boutons afin que l'utilisateur puisse faire défiler les différentes périodes du planning. Ces boutons sont affichés en haut à gauche du planning.
- Nombre de jours à afficher : Par défaut, l'affichage est réalisé au mois, mais il est également possible d'afficher un planning à la journée, à la semaine (sur 5 ou 7 jours), selon le nombre de rendez-vous, ou selon le nombre de jours spécifié.
- Mode d'affichage des ressources : Par défaut, les ressources sont affichées en ligne.
Il est également possible de les afficher en colonne. - Affichage du temps : Permet de définir :
- le format de la date affichée pour les colonnes (ou les lignes) "jour" du planning.
- si l'heure doit être affichée ou non dans le champ.
- le format de l'heure affichée pour les colonnes (ou les lignes) "jour" du planning.
- si le numéro de semaine doit être affiché ou non, ainsi que son format. Dans le format, la chaîne '%1' correspond au numéro de semaine. Exemple de format : "Sem. %1".
- Plage horaire : Permet de définir :
- la plage horaire visible : Plage horaire qui sera affichée dans le champ.
- la plage horaire ouvrable : Plage horaire pour laquelle un rendez-vous pourra être défini.
- Rendez-vous : Permet de spécifier les caractéristiques des rendez-vous :
- Chevauchement : Gestion des chevauchements des rendez-vous. Les rendez-vous peuvent être affichés côte à côte ou légèrement décalés.
- Granularité d'un rendez-vous : Précision d'affichage du planning. Par défaut, la granularité est de 30 minutes.
Il est possible de définir : - la granularité de déplacement d'un rendez-vous.
- la granularité de durée d'un rendez-vous, c'est-à -dire la durée minimale d'un rendez-vous. Attention : par défaut, cette durée est de 24 heures.
- Autres paramètres :
- Autoriser la saisie directe d'un rendez-vous : Permet à l'utilisateur d'ajouter directement un rendez-vous.
Il suffit de cliquer dans le champ Planning pour créer le rendez-vous et de saisir directement son libellé au clavier.
- Afficher et autoriser les rendez-vous à la journée entière : Permet d'indiquer qu'un rendez-vous peut correspondre à une journée entière. Dans ce cas, une zone spécifique est affichée dans le champ Planning. Cette zone permet de saisir les rendez-vous à la journée.
Exemples : - si le planning est affiché avec les ressources en ligne :
- En WEBDEV :
- si le planning est affiché avec les ressources en colonne :
- En WEBDEV :
Les options d'édition à la souris sont les suivantes : - Modification de la durée. Il est possible d'autoriser ou non l'utilisateur à modifier la durée d'un rendez-vous.
- Déplacement. Il est possible d'autoriser ou non l'utilisateur à déplacer un rendez-vous.
Les options concernant la dimension des zones sont les suivantes : - si les ressources sont affichées en ligne :
- Largeur minimale d'une heure. La largeur de la journée est calculée en fonction du nombre d'heures affichées.
- Hauteur minimale d'une ressource.
- Largeur de l'entête des ressources.
- si les ressources sont affichées en colonne :
- Largeur minimale d'une ressource.
- Hauteur minimale d'une heure. La hauteur de la journée est calculée en fonction du nombre d'heures affichées.
- Hauteur de la rupture (pour le changement de journée)
La plupart de ces paramètres sont modifiables par programmation. Pour plus de détails, consultez Propriétés associées au champ Planning. Modes de remplissage d'un champ Planning
Liste des exemples associés :
|
Exemples complets (WINDEV) : WD Planning
[ + ] Cet exemple illustre la gestion d'un planning graphique. Dans cet exemple, nous abordons les principaux thèmes suivants : 1/ le champ planning 2/ les fonctions Google agenda
|
|
Exemples unitaires (WEBDEV) : Le champ Planning
[ + ] Utilisation du champ Planning. Deux utilisations sont présentées : - Remplissage du planning par programmation, - Remplissage du planning par databinding à partir d'une variable du code.
|
|
Exemples complets (WEBDEV) : WW_Planning
[ + ] Cet exemple permet d'afficher de façon dynamique les tâches des différents collaborateurs. Il est possible d'ajouter, de modifier ou de supprimer des tâches dans le planning, simplement en cliquant sur les éléments du planning. Toutes les manipulations sont effectuées grâce à AJAX. Cet exemple utilise également le déplacement de champ par programmation.
|
Documentation également disponible pour…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|