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 WatchCatalystUniversal Windows 10 AppWindows Mobile
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.
Remarques :
  • Un champ Planning peut être ancré :
    • AndroidiPhone/iPad grâce aux options d'ancrage de WINDEV et WINDEV Mobile.
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.
Remarque : Un champ Planning peut être ancré :
  • AndroidiPhone/iPad grâce aux options d'ancrage de WINDEV et WINDEV Mobile.
    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é des 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 :
    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" : une fenêtre prédéfinie est automatiquement ajoutée au projet.

        AndroidiPhone/iPad Par défaut, cette fenêtre s'appelle "FI_WinDevMobileVueRDV.wdw".
    3. La fenêtre interne est disponible dans l'explorateur de projet. 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.
    Remarques :
    • Il est également possible d'utiliser n'importe quelle fenêtre interne de votre projet.
    • 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