PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

  • 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)
  • Personnalisez la zone du rendez-vous
  • 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.
Versions 21 et supérieures
Android Les champs Planning sont disponibles pour les applications Android.
iPhone/iPad Les champs Planning sont disponibles pour les applications iPhone/iPad.
Nouveauté 21
Android Les champs Planning sont disponibles pour les applications Android.
iPhone/iPad Les champs Planning sont disponibles pour les applications iPhone/iPad.
Android Les champs Planning sont disponibles pour les applications Android.
iPhone/iPad Les champs Planning sont disponibles pour les applications iPhone/iPad.
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. Le champ apparaît en création.
Versions 20 et supérieures
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.
Nouveauté 20
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.
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 (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.
    AndroidiPhone/iPad Cette option n'est pas disponible. En effet, le changement de période se fait grâce à un mouvement de balayage horizontal sur le champ Planning.
  • AndroidiPhone/iPad 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.
  • Affichage du temps : Permet de définir :
    • le format de la date affichée pour les colonnes (ou les lignes) "jour" du planning.
    • Versions 19 et supérieures
      si l'heure doit être affichée ou non dans le champ.
      Nouveauté 19
      si l'heure doit être affichée ou non dans le champ.
      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.
    • Versions 17 et supérieures
      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".
      Nouveauté 17
      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".
      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 :
    • AndroidiPhone/iPad 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.
    • Versions 22 et supérieures
      iPhone/iPad Affichage continu si plusieurs jours : Permet d'afficher un rendez-vous sur plusieurs jours comme un seul rendez-vous. Si cette option est décochée, les rendez-vous sur plusieurs jours correspondront à autant de rendez-vous qu'il y a de jours.
      Nouveauté 22
      iPhone/iPad Affichage continu si plusieurs jours : Permet d'afficher un rendez-vous sur plusieurs jours comme un seul rendez-vous. Si cette option est décochée, les rendez-vous sur plusieurs jours correspondront à autant de rendez-vous qu'il y a de jours.
      iPhone/iPad Affichage continu si plusieurs jours : Permet d'afficher un rendez-vous sur plusieurs jours comme un seul rendez-vous. Si cette option est décochée, les rendez-vous sur plusieurs jours correspondront à autant de rendez-vous qu'il y a de jours.
  • Autres paramètres :
    • Autoriser la saisie directe d'un rendez-vous : Permet à l'utilisateur d'ajouter directement un rendez-vous.

      AndroidiPhone/iPad Il suffit de cliquer dans le champ Planning. Un bouton "+" apparaît dans la zone sélectionnée. En cliquant sur ce bouton "+", l'événement "Avant création du rendez-vous" est exécuté. Il est possible d'ouvrir une fenêtre pour saisir les caractéristiques du rendez-vous. Pour plus de détails, consultez Evénements associés à un champ Planning.
Les options d'édition à la souris sont les suivantes :
  • Déplacement. Il est possible d'autoriser ou non l'utilisateur à déplacer un rendez-vous.
  • Versions 19 et supérieures
    AndroidiPhone/iPad Autoriser le changement de ressource par l'utilisateur. Si cette option est cochée, l'utilisateur pourra lors du déplacement d'un rendez-vous l'associer à une ressource différente.
    Nouveauté 19
    AndroidiPhone/iPad Autoriser le changement de ressource par l'utilisateur. Si cette option est cochée, l'utilisateur pourra lors du déplacement d'un rendez-vous l'associer à une ressource différente.
    AndroidiPhone/iPad Autoriser le changement de ressource par l'utilisateur. Si cette option est cochée, l'utilisateur pourra lors du déplacement d'un rendez-vous l'associer à une ressource différente.
  • Versions 17 et supérieures
    AndroidiPhone/iPad Autoriser le chevauchement par l'utilisateur. Si cette option est cochée, l'utilisateur pourra lors du déplacement de rendez-vous les faire se chevaucher. Dans ce cas, les options définies pour le chevauchement des rendez-vous (décalage ou côte à côte) seront prises en compte.
    Nouveauté 17
    AndroidiPhone/iPad Autoriser le chevauchement par l'utilisateur. Si cette option est cochée, l'utilisateur pourra lors du déplacement de rendez-vous les faire se chevaucher. Dans ce cas, les options définies pour le chevauchement des rendez-vous (décalage ou côte à côte) seront prises en compte.
    AndroidiPhone/iPad Autoriser le chevauchement par l'utilisateur. Si cette option est cochée, l'utilisateur pourra lors du déplacement de rendez-vous les faire se chevaucher. Dans ce cas, les options définies pour le chevauchement des rendez-vous (décalage ou côte à côte) seront prises en compte.
Les options concernant la dimension des zones sont les suivantes :
  • AndroidiPhone/iPad les ressources sont toujours affichées en ligne. Il est possible de paramétrer les éléments suivants :
    • Hauteur d'une ressource.
    • Largeur de l'en-tête des ressources.
La plupart de ces paramètres sont modifiables par programmation. Pour plus de détails, consultez Propriétés associées au champ Planning.
AndroidiPhone/iPad

Personnalisez la zone du rendez-vous

Dans le champ Planning, le rendez-vous est affiché dans une zone spécifique. Il est possible de traduire et de personnaliser cette zone : couleur du titre, couleur de fond du rendez-vous, ...
Versions 17 et supérieures
Pour modifier l'aspect des rendez-vous proposé par défaut, il est possible de modifier les options de style définies pour cet élément.
  1. Affichez la fenêtre de description du champ Planning.
  2. Dans l'onglet "Style", sélectionnez l'élément "Rendez-vous". Vous pouvez :
    • utiliser une ombre,
    • utiliser un séparateur en pointillé entre les heures,
    • définir les options de titre et fond :
      • fond uni,
      • fond dégradé,
      • Versions 22 et supérieures
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
        Nouveauté 22
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
    • définir les polices utilisées, ...
Nouveauté 17
Pour modifier l'aspect des rendez-vous proposé par défaut, il est possible de modifier les options de style définies pour cet élément.
  1. Affichez la fenêtre de description du champ Planning.
  2. Dans l'onglet "Style", sélectionnez l'élément "Rendez-vous". Vous pouvez :
    • utiliser une ombre,
    • utiliser un séparateur en pointillé entre les heures,
    • définir les options de titre et fond :
      • fond uni,
      • fond dégradé,
      • Versions 22 et supérieures
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
        Nouveauté 22
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
    • définir les polices utilisées, ...
Pour modifier l'aspect des rendez-vous proposé par défaut, il est possible de modifier les options de style définies pour cet élément.
  1. Affichez la fenêtre de description du champ Planning.
  2. Dans l'onglet "Style", sélectionnez l'élément "Rendez-vous". Vous pouvez :
    • utiliser une ombre,
    • utiliser un séparateur en pointillé entre les heures,
    • définir les options de titre et fond :
      • fond uni,
      • fond dégradé,
      • Versions 22 et supérieures
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
        Nouveauté 22
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
        Fond uni, titre multiligne et trait bas. Cette option permet d'afficher le titre sur plusieurs lignes (notamment si le rendez-vous n'est pas assez large pour afficher le titre en entier).
    • définir les polices utilisées, ...
Pour personnaliser entièrement l'affichage des rendez-vous (nécessaire pour une traduction) :
  1. Affichez la fenêtre de description du champ Planning.
  2. Dans l'onglet "Général", sélectionnez la fenêtre interne utilisée pour les rendez-vous :
    • "Aucune" : l'affichage par défaut sera utilisé.
    • "Fenêtre prédéfinie" : Si cette option est sélectionnée, le composant interne WDFAA est immédiatement ajouté dans le projet en cours.
      • AndroidiPhone/iPad La fenêtre interne "FI_WinDevMobileVueRDV" est automatiquement associée à l'option "Fenêtre interne pour les rendez-vous".
      Remarques :
      • Si le composant WDFAA existe déjà, seule la fenêtre est ajoutée au composant.
      • Cette fenêtre est également utilisée pour personnaliser les rendez-vous des champs Agenda.
    • N'importe quelle fenêtre interne présente dans votre projet.
  3. Validez si nécessaire la fenêtre de description du champ.
Remarques :
  • La fenêtre interne personnalisée est disponible dans le volet "Explorateur de projet", dans le dossier "Composants internes". Elle peut être modifiée dans l'éditeur de fenêtres.
    Attention : cette fenêtre interne permet uniquement de personnaliser le dessin de l'affichage des rendez-vous. Seul l'événement "Déclarations globales" est exécuté. Aucun autre événement n'est exécuté. Il n'est ainsi pas possible d'ajouter des boutons ayant un code de clic spécifique.
  • Si vous utilisez la fenêtre prédéfinie proposée, les options de style du rendez-vous (sélectionnées dans l'onglet "Style") s'appliquent.

Modes de remplissage d'un champ Planning

AndroidiPhone/iPad Seul le remplissage du champ Planning par programmation est disponible. Pour plus de détails, consultez Champ Planning : programmation à l'aide des différents événements et des fonctions WLangage.
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