DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Planning
  • 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
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation

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.
WEBDEV - Code Serveur Remarque : Les champs Planning sont également disponibles dans les états de type Planning. Pour plus de détails sur le fonctionnement des plannings dans les états, consultez Etat de type Planning.
Création d'un champ Planning (Editeur de fenêtres et de pages)
Pour créer un champ Planning :
  1. Sous le volet "Création", dans le groupe "Champs graphiques", déroulez "Temps" et sélectionnez "Planning".
  2. Cliquez dans la fenêtre ou la page à la position où le champ doit être créé.
  3. WEBDEV - Code Serveur L'assistant de création du champ Planning se lance. Répondez aux différentes questions et validez.
  4. 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 "Général", il est possible de spécifier la fenêtre ou la page interne à utiliser pour personnaliser l'affichage des rendez-vous. Pour plus de détails, consultez Champ Planning : Personnalisation des rendez-vous.
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.
  • WEBDEV - Code ServeurPHP 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.
    WEBDEV - Code ServeurPHP 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 :
    • WEBDEV - Code ServeurPHP 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.
    • WEBDEV - Code Serveur 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.
      WEBDEV - Code ServeurPHP Il suffit de cliquer dans le champ Planning pour créer le rendez-vous et de saisir directement son libellé au clavier.
    • WEBDEV - Code ServeurPHP 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 :
        • WEBDEV - Code ServeurPHP En WEBDEV :
      • si le planning est affiché avec les ressources en colonne :
        • WEBDEV - Code ServeurPHP En WEBDEV :
Les options d'édition à la souris sont les suivantes :
  • WEBDEV - Code ServeurPHP 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 :
  • WEBDEV - Code ServeurPHP si les ressources sont affichées en ligne :
    • WEBDEV - Code ServeurPHP 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.
  • WEBDEV - Code ServeurPHP si les ressources sont affichées en colonne :
    • Largeur minimale d'une ressource.
    • WEBDEV - Code ServeurPHP 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.
WEBDEV - Code Serveur

Un rendez-vous supprimable

Le champ Planning donne à l'utilisateur la possibilité de supprimer le rendez-vous sélectionné grâce à la croix rouge affichée en haut à droite du rendez-vous.
Lorsque l'utilisateur clique sur cette croix :
  • le rendez-vous est supprimé du champ Planning.
  • si le champ Planning est lié à un fichier de données ou à une variable, le rendez-vous est supprimé du fichier de données.
Remarque : Si le champ est lié à une variable ou un fichier de données, il est possible de ne pas autoriser la suppression (option "Autoriser la suppression (supprime aussi dans la source de données)" dans l'onglet "Contenu" de la fenêtre de description du champ).
Liste des exemples associés :
WD Planning 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
Le champ Planning 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.
WW_Planning 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.
Version minimum requise
  • Version 16
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 07/06/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale