PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation du champ Zone Répétée
  • Création d'un champ Zone répétée
  • Création d'un champ Zone répétée horizontal
  • Attributs d'un champ Zone répétée
  • Attributs d'un champ Zone répétée en WEBDEV
  • Attributs d'un champ Zone répétée en WINDEV ou WINDEV Mobile
  • Vocabulaire
  • Notes
  • Permuter un champ Table et un champ Zone répétée
  • Refactoring : créer un champ Zone répétée à partir des champs sélectionnés
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation du champ Zone Répétée
Un champ Zone répétée permet de répéter des champs présents dans une zone définie. Plus précisément, un champ Zone répétée est un champ "conteneur" qui permet de répéter plusieurs fois l'ensemble de champs (champs de saisie, libellés, combos, ...) qu'il contient.
Le champ Zone Répétée permet de simplifier l'affichage et la saisie d'informations.
Par rapport au champ Table, le champ Zone Répétée permet d'obtenir des interfaces beaucoup plus riches, tous les types de champs pouvant être répétés.
Les informations affichées dans le champ Zone répétée peuvent :
  • être déterminées par programmation : on parle alors de champ Zone Répétée mémoire.
  • provenir d'un fichier de données ou d'une requête : on parle alors de champ Zone Répétée fichier.
  • provenir d'une variable WLangage : on parle alors de champ Zone Répétée sur source.
Versions 15 et supérieures
WINDEV MobileAndroid Le champ Zone Répétée est disponible pour les applications Android.
Nouveauté 15
WINDEV MobileAndroid Le champ Zone Répétée est disponible pour les applications Android.
WINDEV MobileAndroid Le champ Zone Répétée est disponible pour les applications Android.
Versions 16 et supérieures
Universal Windows 10 App Le champ Zone Répétée est disponible pour les applications Windows Phone.
WINDEVLinux Le champ Zone Répétée est disponible pour les applications WINDEV sous Linux.
Universal Windows 10 App Seuls les champs Zone Répétée mémoire sont disponibles.
Nouveauté 16
Universal Windows 10 App Le champ Zone Répétée est disponible pour les applications Windows Phone.
WINDEVLinux Le champ Zone Répétée est disponible pour les applications WINDEV sous Linux.
Universal Windows 10 App Seuls les champs Zone Répétée mémoire sont disponibles.
Universal Windows 10 App Le champ Zone Répétée est disponible pour les applications Windows Phone.
WINDEVLinux Le champ Zone Répétée est disponible pour les applications WINDEV sous Linux.
Universal Windows 10 App Seuls les champs Zone Répétée mémoire sont disponibles.
Versions 17 et supérieures
iPhone/iPad Le champ Zone Répétée est disponible pour les applications iPhone/iPad.
WEBDEV - Code Navigateur Le champ Zone Répétée est disponible en code navigateur.
Nouveauté 17
iPhone/iPad Le champ Zone Répétée est disponible pour les applications iPhone/iPad.
WEBDEV - Code Navigateur Le champ Zone Répétée est disponible en code navigateur.
iPhone/iPad Le champ Zone Répétée est disponible pour les applications iPhone/iPad.
WEBDEV - Code Navigateur Le champ Zone Répétée est disponible en code navigateur.
Versions 18 et supérieures
Universal Windows 10 App Le champ Zone Répétée est désormais disponible pour les applications en mode Windows Store apps.
Nouveauté 18
Universal Windows 10 App Le champ Zone Répétée est désormais disponible pour les applications en mode Windows Store apps.
Universal Windows 10 App Le champ Zone Répétée est désormais disponible pour les applications en mode Windows Store apps.
Versions 21 et supérieures
Universal Windows 10 App Le champ Zone Répétée est désormais disponible pour les applications en mode Universal Windows 10 App.
Nouveauté 21
Universal Windows 10 App Le champ Zone Répétée est désormais disponible pour les applications en mode Universal Windows 10 App.
Universal Windows 10 App Le champ Zone Répétée est désormais disponible pour les applications en mode Universal Windows 10 App.
Remarques :
  • Versions 18 et supérieures
    Selon les plateformes, les champs Zone répétée peuvent être affichés :
    • verticalement (cas par défaut sous toutes les plateformes).
    • horizontalement.
      En WEBDEV, ce type de champ correspond aux zones répétées linaires.
    Nouveauté 18
    Selon les plateformes, les champs Zone répétée peuvent être affichés :
    • verticalement (cas par défaut sous toutes les plateformes).
    • horizontalement.
      En WEBDEV, ce type de champ correspond aux zones répétées linaires.
    Selon les plateformes, les champs Zone répétée peuvent être affichés :
    • verticalement (cas par défaut sous toutes les plateformes).
    • horizontalement.
      En WEBDEV, ce type de champ correspond aux zones répétées linaires.
  • Versions 20 et supérieures
    AndroidiPhone/iPad La fonctionnalité "Tirer pour rafraîchir" (Pull to Refresh) est disponible sur le champ Zone répétée sous Android et iOS. Pour plus de détails, consultez Pull to Refresh sur les champs Table et Zone répétée (Android/iOS).
    Nouveauté 20
    AndroidiPhone/iPad La fonctionnalité "Tirer pour rafraîchir" (Pull to Refresh) est disponible sur le champ Zone répétée sous Android et iOS. Pour plus de détails, consultez Pull to Refresh sur les champs Table et Zone répétée (Android/iOS).
    AndroidiPhone/iPad La fonctionnalité "Tirer pour rafraîchir" (Pull to Refresh) est disponible sur le champ Zone répétée sous Android et iOS. Pour plus de détails, consultez Pull to Refresh sur les champs Table et Zone répétée (Android/iOS).
Création d'un champ Zone répétée
Pour créer un champ de type Zone Répétée :
  1. Sous l'éditeur de fenêtres ou de pages, cliquez sur l'icône (ou sélectionnez l'option "Insertion .. Champ .. Zone répétée").Sous le volet "Création", dans le groupe "Données" :
    • WINDEVWINDEV Mobile déroulez "Zone répétée" et sélectionnez "Zone répétée (verticale)".
    • WEBDEV - Code Serveur déroulez "Zone répétée" et sélectionnez "Zone répétée".
  2. Cliquez dans la fenêtre ou dans la page à la position où le champ doit être créé. L'assistant de création d'un champ Zone Répétée se lance automatiquement.
Remarques :
  • Versions 20 et supérieures
    WINDEV 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
    WINDEV 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.
    WINDEV 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.
  • Versions 17 et supérieures
    iPhone/iPad L'assistant de création de fenêtres pour iPhone et iPad permet également de créer des zones répétées prédéfinies. Pour plus de détails, consultez Fenêtres pour iPhone et iPad.
    Nouveauté 17
    iPhone/iPad L'assistant de création de fenêtres pour iPhone et iPad permet également de créer des zones répétées prédéfinies. Pour plus de détails, consultez Fenêtres pour iPhone et iPad.
    iPhone/iPad L'assistant de création de fenêtres pour iPhone et iPad permet également de créer des zones répétées prédéfinies. Pour plus de détails, consultez Fenêtres pour iPhone et iPad.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Pour plus de détails :
Versions 18 et supérieures
WINDEVWindowsAndroidiPhone/iPad

Création d'un champ Zone répétée horizontal

Il est également possible de créer des champs Zone répétée horizontale. Dans ce cas, le champ possédera un ascenseur horizontal pour faire défiler les différentes répétitions.
Pour créer un champ de type Zone Répétée horizontale :
  1. Sous le volet "Création", dans le groupe "Données", déroulez "Zone répétée" et sélectionnez "Zone répétée horizontale".
  2. Cliquez dans la fenêtre ou dans la page à la position où le champ doit être créé. L'assistant de création d'un champ Zone Répétée se lance automatiquement.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Nouveauté 18
WINDEVWindowsAndroidiPhone/iPad

Création d'un champ Zone répétée horizontal

Il est également possible de créer des champs Zone répétée horizontale. Dans ce cas, le champ possédera un ascenseur horizontal pour faire défiler les différentes répétitions.
Pour créer un champ de type Zone Répétée horizontale :
  1. Sous le volet "Création", dans le groupe "Données", déroulez "Zone répétée" et sélectionnez "Zone répétée horizontale".
  2. Cliquez dans la fenêtre ou dans la page à la position où le champ doit être créé. L'assistant de création d'un champ Zone Répétée se lance automatiquement.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
WINDEVWindowsAndroidiPhone/iPad

Création d'un champ Zone répétée horizontal

Il est également possible de créer des champs Zone répétée horizontale. Dans ce cas, le champ possédera un ascenseur horizontal pour faire défiler les différentes répétitions.
Pour créer un champ de type Zone Répétée horizontale :
  1. Sous le volet "Création", dans le groupe "Données", déroulez "Zone répétée" et sélectionnez "Zone répétée horizontale".
  2. Cliquez dans la fenêtre ou dans la page à la position où le champ doit être créé. L'assistant de création d'un champ Zone Répétée se lance automatiquement.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Attributs d'un champ Zone répétée
WEBDEV - Code ServeurWEBDEV - Code NavigateurPHP

Attributs d'un champ Zone répétée en WEBDEV

Un champ Zone répétée est composé de :
  • champs, répétés à chaque répétition.
  • attributs. Un attribut permet de définir la caractéristique du champ qui sera modifiée à chaque répétition. Par exemple, si à chaque répétition, le champ PRIX doit changer de valeur et de couleur, il sera nécessaire de définir deux attributs différents sur le même champ.
Pour connaître ou modifier la caractéristique d'un champ (sa valeur, sa couleur, ...), il suffit de manipuler ce champ ou l'attribut correspondant par programmation.
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava

Attributs d'un champ Zone répétée en WINDEV ou WINDEV Mobile

Un champ Zone répétée est composée de champs, répétés à chaque répétition.
Versions 16 et supérieures
WINDEVWindows Le contenu des champs Table, Graphe, ... peut être différent à chaque répétition. Pour plus de détails, consultez Afficher un contenu différent à chaque répétition.
Nouveauté 16
WINDEVWindows Le contenu des champs Table, Graphe, ... peut être différent à chaque répétition. Pour plus de détails, consultez Afficher un contenu différent à chaque répétition.
WINDEVWindows Le contenu des champs Table, Graphe, ... peut être différent à chaque répétition. Pour plus de détails, consultez Afficher un contenu différent à chaque répétition.
Pour connaître ou modifier la caractéristique d'un champ (sa valeur, sa couleur, ...), il suffit de manipuler directement ce champ par programmation.
Remarque : Par compatibilité avec WEBDEV, il est également possible d'utiliser des attributs. Dans ce cas, pour connaître ou modifier la caractéristique d'un champ (sa valeur, sa couleur, ...), il suffit de manipuler ce champ ou l'attribut correspondant par programmation.
Vocabulaire
Pour manipuler simplement un champ Zone répétée, il est nécessaire de connaître le vocabulaire suivant :
NomDéfinition
AttributUn attribut correspond à l'association entre le champ présent dans la zone répétée et la propriété modifiable pour ce champ à chaque répétition.
Pour chaque attribut, il est nécessaire de définir :
  • le nom de l'attribut.
  • le nom du champ de la zone répétée.
  • la propriété du champ qui pourra être modifiée à chaque répétition (valeur, couleur, ...).
WINDEVWINDEV Mobile Rappel : Les attributs ne sont pas obligatoires.
Zone répétée FichierLe champ Zone répétée est basé sur un fichier de données ou une requête. A chaque répétition, un enregistrement du fichier de données est affiché. Deux types de champs Zone répétée fichier sont disponibles :
  • Zone répétée fichier "Chargée en mémoire" : Le contenu du champ est chargé en mémoire puis affiché. L'accès aux différents éléments du champ est plus rapide. Ce mode est réservé pour des fichiers de données de moins de 100 000 enregistrements.
  • Zone répétée fichier "Accès direct (sans limite)" : Le champ Zone répétée affiche directement le contenu du fichier de données ou de la requête. L'enregistrement en cours correspond à l'élément sélectionné. Chaque déplacement dans le champ entraîne un accès au fichier de donnée lié. Ce mode est réservé aux fichiers de données de plus de 100 000 enregistrements.
Zone répétée MémoireLe champ Zone répétée n'est basé ni sur un fichier de données ni sur une requête. Les éléments affichés dans le champ sont déterminés par le développeur (par programmation).
Zone répétée sur sourceLe champ Zone répétée est basé sur une variable (globale au projet, à la fenêtre ou à la page, membre de classe, ...).
Notes

Permuter un champ Table et un champ Zone répétée

WINDEV, WINDEV Mobile et WEBDEV permettent de transformer automatiquement un champ Table en un champ Zone répétée :
  1. Sélectionnez le champ Table à transformer.
  2. Sélectionnez l'option "Champ .. Permuter .. Table vers Zone Répétée".Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez l'option "Table vers Zone Répétée".

Refactoring : créer un champ Zone répétée à partir des champs sélectionnés

WINDEV, WINDEV Mobile et WEBDEV permettent de créer automatiquement un champ Zone répétée à partir des champs actuellement sélectionnés :
  1. Sélectionnez les champs voulus.
  2. Sélectionnez l'option "Champ .. Refactoring .. Créer une zone répétée avec la sélection".Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez l'option "Créer une zone répétée avec la sélection".
Liste des exemples associés :
Le champ Zone répétée (afficher les bornes) Exemples unitaires (WEBDEV) : Le champ Zone répétée (afficher les bornes)
[ + ] Affichage des bornes d'une zone répétée avec réglette personnalisée.
Affichage / dissimulation d'une zone de saisie Exemples unitaires (WEBDEV) : Affichage / dissimulation d'une zone de saisie
[ + ] Affichage d'une zone de saisie à l'aide d'une zone répétée.
L'ajout d'une zone de saisie se fait par l'ajout d'une ligne dans la zone répétée.
Le champ Zone répétée (bandeau de sélection) Exemples unitaires (WEBDEV) : Le champ Zone répétée (bandeau de sélection)
[ + ] Simulation d'un bandeau de sélection dans une zone répétée.
Le champ Zone Répétée (modifier le nombre de lignes affichées) Exemples unitaires (WEBDEV) : Le champ Zone Répétée (modifier le nombre de lignes affichées)
[ + ] Modification du nombre de lignes affichées dans une zone Répétée.
Le champ Zone Répétée Ajax Exemples unitaires (WEBDEV) : Le champ Zone Répétée Ajax
[ + ] Utilisation des zones répétées Ajax. Cet exemple permet de :
- Vider la zone répétée
- Remplir la zone répétée
- Trier la zone répétée
Le champ Zone Répétée Ajax en PHP Exemples unitaires (WEBDEV) : Le champ Zone Répétée Ajax en PHP
[ + ] Utilisation des zones répétées Ajax en PHP.
Cet exemple permet de :
- Vider la zone répétée
- Remplir la zone répétée
- Trier la zone répétée
Le champ Zone répétée Exemples unitaires (WINDEV) : Le champ Zone répétée
[ + ] Utilisation du champ Zone répétée.
Il est possible d'ajouter une ligne grâce à la fonction ZoneRépétéeAjouteLigne.
Il est également possible de récupérer les valeurs saisies grâce à la syntaxe :
  NomAttribut[Indice]
webmillion Exemples complets (WEBDEV) : webmillion
[ + ] Dans cet exemple, nous abordons les principaux thèmes suivants :
1/ Utilisation des requêtes
2/ Utilisation des zones répétées "fichier" en parcours automatique
3/ Utilisation des zones répétées "fichier" en parcours manuel

Résumé de l'exemple livré avec WEBDEV :
Cette application Web réalisée avec WEBDEV permet de visualiser, de rechercher et de commander des TShirt.
Une fois la commande établie, il est possible d'utiliser le module PayBox de paiement sécurisé.

Cet exemple contient une page permettant de générer un fichier de données contenant un grand nombre d'enregistrements.
WM Gestion Contacts Exemples multiplateforme (WINDEV Mobile) : WM Gestion Contacts
[ + ] Cet exemple illustre la gestion de contacts pour Android et iOS.
Il permet de :
- lister les contacts du téléphone
- appeler les contacts
- envoyer des sms aux contacts
- ...
WM ToDo List Exemples multiplateforme (WINDEV Mobile) : WM ToDo List
[ + ] Cet exemple est un gestionnaire de listes des choses à faire, ou plus communément appelé un gestionnaire de To-Do Lists.
Le projet utilise les gestures dans les zones répétées afin de déplacer et supprimer les listes et les tâches.
Les données sont, quant à elles, stockées dans une base HFSQL.
WM Inscrits Exemples multiplateforme (WINDEV Mobile) : WM Inscrits
[ + ] Cette application est un gestionnaire de présence. Elle permet de noter les personnes présentes lors d'un séminaire.
La base de données est préalablement renseignée avec la liste des personnes inscrites.
Il est possible de rechercher une personne par son nom.
Dans cet exemple, nous abordons les principaux thèmes suivants :
1/ l'utilisation d'une zone répétée fichier basée sur une requête
2/ l'utilisation d'une base de données au format HFSQL.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire