PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation du champ Combo
  • Champ d'une fenêtre, champ d'une page dynamique ou statique
  • Créer un champ Combo
  • Pour créer un champ de type Combo :
  • Type de la combo déroulée
  • Caractéristiques d'un champ Combo
  • Combo avec saisie : type et masques de la zone de saisie
  • Ajuster la taille de la combo déroulée
  • Combo sans saisie : Recherche dans les valeurs de la combo
  • Taille de la combo déroulée
  • Hauteur de la zone de saisie de la combo
  • Dessin dans les combos
  • Mode smartphone
  • Limites en Java
  • Vocabulaire
  • Permuter
  • Exemple
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 Combo

Champ d'une fenêtre, champ d'une page dynamique ou statique

Le champ "Combo" permet d'afficher une liste d'éléments et de sélectionner un élément dans cette liste.
A la différence d'un champ Liste, un champ Combo n'est pas déroulé : elle se déroule à la demande ou lors du positionnement du curseur sur la liste.
Versions 15 et supérieures
Android Les champs Combo sont désormais disponibles pour les applications Android.
Nouveauté 15
Android Les champs Combo sont désormais disponibles pour les applications Android.
Android Les champs Combo sont désormais disponibles pour les applications Android.
Versions 16 et supérieures
WINDEVLinux Les champs Combo sont désormais disponibles pour les applications WINDEV sous Linux.
Nouveauté 16
WINDEVLinux Les champs Combo sont désormais disponibles pour les applications WINDEV sous Linux.
WINDEVLinux Les champs Combo sont désormais disponibles pour les applications WINDEV sous Linux.
Versions 18 et supérieures
Universal Windows 10 App Les champs Combo sont désormais disponibles pour les applications en mode Windows Store apps.
Nouveauté 18
Universal Windows 10 App Les champs Combo sont désormais disponibles pour les applications en mode Windows Store apps.
Universal Windows 10 App Les champs Combo sont désormais disponibles pour les applications en mode Windows Store apps.
Versions 19 et supérieures
iPhone/iPad Les champs Combo sont désormais disponibles pour les applications iPhone/iPad.
Nouveauté 19
iPhone/iPad Les champs Combo sont désormais disponibles pour les applications iPhone/iPad.
iPhone/iPad Les champs Combo sont désormais disponibles pour les applications iPhone/iPad.
WINDEVWINDEV Mobile Sous WINDEV et WINDEV Mobile, il est possible de :
  • saisir directement une valeur dans un champ de saisie, si le champ Combo est avec saisie.
  • afficher des éléments sous forme de table si le champ Combo contient plusieurs colonnes.
  • afficher des éléments sous forme de liste image.
  • ouvrir une fenêtre popup.
  • redimensionner la largeur et la hauteur de la combo déroulée (voir ci-dessous)
Quelques exemples :
Combo sans saisie, non déroulée
Combo sans saisie, non déroulée
Combo déroulée avec éléments sous forme de liste
Combo déroulée avec éléments sous forme de liste
WINDEVWINDEV Mobile Les exemples suivants concernent uniquement WINDEV et WINDEV Mobile.
Combo déroulée avec éléments sous forme de table
Combo déroulée avec éléments sous forme de table
Combo avec saisie et saisie assistée
Combo avec saisie et saisie assistée
Combo graphique
Combo graphique
Combo déroulée avec éléments sous forme de liste image
Combo déroulée avec éléments sous forme de liste image
Combo ouvrant une fenêtre popup
Combo ouvrant une fenêtre popup
Les éléments apparaissant dans une combo peuvent être déterminés lors de la création du champ sous l'éditeur. Ces éléments :
  • sont déterminés par programmation.
  • proviennent d'un fichier de données ou d'une requête.
Créer un champ Combo

Pour créer un champ de type Combo :

  1. Sous l'éditeur de fenêtres / pages, cliquez sur l'icône Création d'un champ Combo (ou sélectionnez l'option de menu "Insertion .. Champ .. Combo").Sous le volet "Création", dans le groupe "Champs usuels", cliquez sur "Combo".
  2. Cliquez dans la fenêtre / page à la position où le champ doit être créé. L'assistant de création d'un champ Combo se lance automatiquement.
WINDEVWINDEV Mobile Astuce : Il est également possible de créer directement une combo "pré-formatée" en cliquant sur la flèche présente à droite de l'icône Flèche. La liste des champs disponibles avec leur aperçu au gabarit du projet apparaît. Il suffit de cliquer sur le champ voulu pour le créer dans l'éditeur.
WINDEVWINDEV Mobile Astuce : Il est également possible de créer directement une combo "pré-formatée" en déroulant l'option "Combo". La liste des champs disponibles avec leur aperçu au gabarit du projet apparaît. Il suffit de cliquer sur le champ voulu pour le créer dans l'éditeur.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Versions 18 et supérieures
Universal Windows 10 App Pour les applications en mode Windows Store Apps, il est conseillé d'utiliser les combos natives (option "Combo native" dans l'onglet "Détail" de la fenêtre de description du champ).
Nouveauté 18
Universal Windows 10 App Pour les applications en mode Windows Store Apps, il est conseillé d'utiliser les combos natives (option "Combo native" dans l'onglet "Détail" de la fenêtre de description du champ).
Universal Windows 10 App Pour les applications en mode Windows Store Apps, il est conseillé d'utiliser les combos natives (option "Combo native" dans l'onglet "Détail" de la fenêtre de description du champ).
WINDEVAndroidWindows MobileUniversal Windows 10 AppJava

Type de la combo déroulée

Le type de la combo déroulée dépend des éléments affichés par le champ Combo. Les types proposés sont les suivants :
  • combo liste : affiche des éléments sous forme de liste.
    Dans le cas d'un champ Combo fichier, la rubrique affichée est définie dans l'onglet "Contenu" de la description du champ (option "Description" du menu contextuel).
  • combo table : affiche des éléments sous forme de table. Dès que le champ Combo doit afficher plus d'un élément, une combo avec table est automatiquement créée.
    Pour afficher les caractéristiques des colonnes de la liste, sélectionnez l'option "Description Colonnes" dans le menu contextuel du champ (ou cliquez sur le bouton "Editer les colonnes" présent dans l'onglet "Contenu" de la description de la combo).
    Dans le cas d'un champ Combo fichier, les différentes rubriques affichées sont définies dans les caractéristiques des colonnes de la liste (option "Description Colonnes" du menu contextuel ou bouton "Editer les colonnes" dans l'onglet "Contenu" de la description du champ).
  • combo liste image : affiche des éléments sous forme de liste image.
    Pour afficher les caractéristiques de la liste image, cliquez sur le bouton "Editer la liste image" présent dans l'onglet "Contenu" de la description de la combo.
    Dans le cas d'un champ Combo fichier, la rubrique associée au libellé de l'image et celle associée à l'image sont définies grâce aux options "Rubrique affichée" et "Rubrique image" présentes dans l'onglet "Contenu" de la description de la combo (option "Description" du menu contextuel).
  • combo fenêtre popup : ouvre une fenêtre popup.
    La fenêtre popup à ouvrir peut être sélectionnée dans l'onglet "Contenu" de la description du champ (option "Description" du menu contextuel).
Le type de la combo déroulée peut être changé à tout moment grâce à l'option "Type déroulé" présente dans l'onglet "Contenu" de la description de la combo (option "Description" du menu contextuel).
AndroidiPhone/iPadUniversal Windows 10 App Seuls les champs Combo déroulée de type Liste sont disponibles.
WINDEVLinux En Linux pour WINDEV, seuls les champs Combo déroulée de type Liste et de type fenêtre popup sont disponibles.
Caractéristiques d'un champ Combo
WINDEVWindows MobileJava

Combo avec saisie : type et masques de la zone de saisie

Pour les champs Combo avec saisie, il est possible de :
  • Versions 17 et supérieures
    WINDEVWindows définir le type de données saisies dans le champ de saisie de la combo : Texte, Numérique, Monétaire, date, heure, durée.
    Nouveauté 17
    WINDEVWindows définir le type de données saisies dans le champ de saisie de la combo : Texte, Numérique, Monétaire, date, heure, durée.
    WINDEVWindows définir le type de données saisies dans le champ de saisie de la combo : Texte, Numérique, Monétaire, date, heure, durée.
  • définir un masque de saisie. Ce masque dépend bien sur du type d'information (date, texte, ...) affiché dans la combo. Pour chaque type, un grand nombre de masques de saisie est utilisable.
    Ces masques de saisie sont multilingues : il est possible de sélectionner des masques de saisies différents selon la langue d'exécution du projet.
    Ces masques de saisie peuvent être modifiés en programmation grâce à la propriété ..MasqueSaisie.
  • Versions 17 et supérieures
    WINDEVWindows définir un masque d'affichage. Ce masque d'affichage est disponible pour les combos avec saisie de type Numérique, Monétaire, date, heure ou durée.
    Ces masques d'affichage sont multilingues : il est possible de sélectionner des masques d'affichage différents selon la langue d'exécution du projet.
    Ces masques d'affichage peuvent être modifiés en programmation grâce à la propriété ..MasqueAffichage.
    Nouveauté 17
    WINDEVWindows définir un masque d'affichage. Ce masque d'affichage est disponible pour les combos avec saisie de type Numérique, Monétaire, date, heure ou durée.
    Ces masques d'affichage sont multilingues : il est possible de sélectionner des masques d'affichage différents selon la langue d'exécution du projet.
    Ces masques d'affichage peuvent être modifiés en programmation grâce à la propriété ..MasqueAffichage.
    WINDEVWindows définir un masque d'affichage. Ce masque d'affichage est disponible pour les combos avec saisie de type Numérique, Monétaire, date, heure ou durée.
    Ces masques d'affichage sont multilingues : il est possible de sélectionner des masques d'affichage différents selon la langue d'exécution du projet.
    Ces masques d'affichage peuvent être modifiés en programmation grâce à la propriété ..MasqueAffichage.
Pour utiliser des masques multilingues :
  1. Cliquez sur l'icône Multilangue pour sélectionner des masques multilingues.
  2. Pour chaque langue définie dans votre fenêtre, choisissez le masque approprié.
  3. Validez. Le libellé "Valeur multi-langue" apparaît dans la combo de définition des masques.
WINDEVWindows Mobile

Ajuster la taille de la combo déroulée

Pour ajuster la taille de la combo déroulée :
  1. Sélectionnez le champ Combo dans la fenêtre.
  2. Cliquez sur le bouton "Spin" de la combo. Le curseur de la souris prend l'apparence d'une flèche verticale. La combo déroulée s'affiche sous forme d'un rectangle en pointillés.
  3. Redimensionnez selon vos besoins la taille de la combo déroulée en manipulant la poignée noire.
Pour modifier la taille de la combo déroulée au pixel près :
  1. Affichez la fenêtre de description du champ Combo (option "Description" du menu contextuel).
  2. Dans l'onglet "Détail", spécifiez la taille (en pixels) de la combo déroulée (option "Hauteur" et "Largeur").
Remarques :
  • Par défaut, la largeur de la combo déroulée correspond à la largeur de la zone de saisie de la combo.
  • Par défaut, la hauteur de la combo déroulée est optimisée en fonction des éléments affichés dans la combo (option "Hauteur" égale à 0 dans l'onglet "Détail" de la description de la combo).
  • Pour que les utilisateurs finaux puissent également modifier la taille de la combo déroulée directement dans l'application (grâce à la poignée de redimensionnement de la combo déroulée), cochez l'option "Redimensionnable" dans l'onglet "Détail" de la description de la combo (option "Description" de menu contextuel).
  • Pour que la taille de la combo déroulée soit mémorisée lors de la fermeture de la fenêtre par l'utilisateur final, cochez l'option "Mémoriser la taille" dans l'onglet "Détail" de la description de la combo (option "Description" de menu contextuel). Ainsi, lors de la ré-ouverture de la fenêtre, la combo déroulée s'affichera selon la taille mémorisée.
Versions 23 et supérieures
WINDEV

Combo sans saisie : Recherche dans les valeurs de la combo

Pour les combo sans saisie listant de nombreuses informations, il est possible de proposer une zone de recherche permettant à l'utilisateur de retrouver facilement l'élément à sélectionner.
Pour mettre en place cette fonctionnalité :
  • depuis l'éditeur : cochez l'option "Avec recherche" dans l'onglet "Détail" de la fenêtre de description du champ Combo sans saisie.
  • par programmation : utilisez la propriété ..RechercheFAA.
Remarque : Le texte d'indication "Recherche" est automatiquement affiché dans la zone de recherche de la combo. Ce texte n'est pas paramétrable.
Nouveauté 23
WINDEV

Combo sans saisie : Recherche dans les valeurs de la combo

Pour les combo sans saisie listant de nombreuses informations, il est possible de proposer une zone de recherche permettant à l'utilisateur de retrouver facilement l'élément à sélectionner.
Pour mettre en place cette fonctionnalité :
  • depuis l'éditeur : cochez l'option "Avec recherche" dans l'onglet "Détail" de la fenêtre de description du champ Combo sans saisie.
  • par programmation : utilisez la propriété ..RechercheFAA.
Remarque : Le texte d'indication "Recherche" est automatiquement affiché dans la zone de recherche de la combo. Ce texte n'est pas paramétrable.
WINDEV

Combo sans saisie : Recherche dans les valeurs de la combo

Pour les combo sans saisie listant de nombreuses informations, il est possible de proposer une zone de recherche permettant à l'utilisateur de retrouver facilement l'élément à sélectionner.
Pour mettre en place cette fonctionnalité :
  • depuis l'éditeur : cochez l'option "Avec recherche" dans l'onglet "Détail" de la fenêtre de description du champ Combo sans saisie.
  • par programmation : utilisez la propriété ..RechercheFAA.
Remarque : Le texte d'indication "Recherche" est automatiquement affiché dans la zone de recherche de la combo. Ce texte n'est pas paramétrable.
WEBDEV - Code Serveur

Taille de la combo déroulée

La taille de la combo déroulée dépend du navigateur utilisé. Si le nombre d'éléments de la combo est supérieur au nombre d'éléments pouvant être affichés dans la liste, le défilement est automatiquement géré, la combo comporte un ascenseur vertical.
Windows Mobile

Hauteur de la zone de saisie de la combo

Sous l'éditeur, la hauteur de la zone de saisie correspond à la hauteur de la zone de saisie du champ en exécution.
Pour modifier cette hauteur, modifiez (onglet "Style") la taille de la police :
  • du texte de la zone de saisie,
  • de la ligne sélectionnée,
  • des éléments de la combo.
WINDEVWindows Mobile

Dessin dans les combos

Il est possible de dessiner dans les combo ou d'afficher une image grâce aux fonctions de dessin spécifiques aux listes.
Remarque : Si une ligne d'une combo affiche une image à l'aide de la fonction gImage, lorsque cette ligne est sélectionnée, l'image est reprise en ligne principale.
Windows Mobile

Mode smartphone

Les Smartphones demandent une manipulation particulière en raison de la faible taille de leur écran. Le fonctionnement des champs combo est particulier sur Smartphone pour cette raison.
Pour plus de détails, consultez Mode smartphone.
Java

Limites en Java

En Java, les caractéristiques suivantes ne sont pas gérées :
  • bulle sur ascenseur.
  • saisie obligatoire.
  • hauteur et largeur déroulée personnalisée.
  • numéro d'aide associé à la combo.
  • le masque d'affichage de la zone de saisie.
  • le type de la zone de saisie.
Vocabulaire
Pour manipuler simplement une combo, il est nécessaire de connaître le vocabulaire suivant :
Nom Définition
Bandeau de sélectionPermet de visualiser l'élément sélectionné dans la liste déroulante. Le plus souvent, une couleur spécifique est utilisée.
Combo FichierLe champ Combo est basé sur un fichier de données ou une requête. Les éléments du champ correspondent à des enregistrements du fichier de données.
Deux types de champ Combo fichier sont disponibles :
  • Combo fichier "Chargé en mémoire" : Le contenu du champ est chargé en mémoire puis affiché dans le champ. L'accès aux différents éléments du champ Combo est plus rapide. Ce mode est réservé pour des fichiers de données de moins de 100 000 enregistrements.
  • Combo fichier "Accès direct (sans limite)" : Le champ 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 lié. Ce type de champ est réservé aux fichiers de données de plus de 100 000 enregistrements.
Combo MémoireLe champ Combo n'est basé ni sur un fichier de données ni sur une requête. Les éléments affichés dans le champ Combo sont déterminés par le développeur (dans la fenêtre de description ou par programmation)
Combo avec saisieL'utilisateur peut saisir du texte dans le champ de saisie associé à la combo. Si l'option "Saisie assistée" est sélectionnée, l'utilisateur peut ainsi sélectionner rapidement l'élément en saisissant les premières lettres : les lettres saisies sont automatiquement complétées avec l'élément correspondant.
Combo sans saisieL'utilisateur sélectionne l'élément dans la liste à l'aide du bandeau de sélection.
WEBDEV - Code Serveur Remarque : "Combo avec saisie" et "Combo sans saisie" ne s'appliquent pas à WEBDEV.
Permuter
WINDEVWindows MobileJava WINDEV permet de transformer automatiquement une combo standard en une combo avec table et inversement :
  1. Sélectionnez le champ à transformer.
  2. Sélectionnez l'option "Champ .. Permuter .. Combo / Combo avec table".Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez "Combo / Combo avec table".
Exemple
Plusieurs champs combo prédéfinis sont proposés dans le volet "Assistants, Exemples et Composants" :
  1. Cliquez sur le bouton "Champs" du volet "Assistants, Exemples et Composants".
  2. Dans la liste des champs, cliquez sur "Champ pré-rempli".
Pour intégrer un de ces champs dans votre fenêtre / page, il suffit d'effectuer un "Drag and Drop" du champ présent dans le volet "Assistants, Exemples et Composants" vers votre fenêtre / page.
Liste des exemples associés :
Le champ Combo Exemples unitaires (WINDEV) : Le champ Combo
[ + ] Utilisation du champ Combo
CRM Exemples complets (WINDEV) : CRM
[ + ] Cet exemple est une application de gestion de clientèle.
Dans cette dernière, nous abordons les principaux thèmes suivants :
1/ une analyse  de gestion de client très complète (Clients, Fournisseurs, Produits, Devis, Factures...)
2/ la manipulation des champs de WINDEV :
- Champ Conférence
- Champ Code Barre
- Champ Séparateur (Splitter)
- Champ Boite à outils (SideBar)
- Champ Liste Image
- Barre de message multi-cases
- Combos et fenêtres popup
- Champ Calendrier

3/ une implémentation de certaines fonctions du WLangage
- Fonctions FluxXXX
- Nouvelles fonctions EmailXXX
- ...
Résumé de l'exemple livré avec WINDEV :
Cet exemple permet de gérer des clients, d'établir des commandes, des devis et de gérer une liste de tâches et un planning.
De plus, les puissants champs livrés avec WINDEV permettent d"implémenter des fonctionnalités telles que la visioconférence ou encore la gestion des codes barres.
WD Gestion de Parc informatique Exemples complets (WINDEV) : WD Gestion de Parc informatique
[ + ] Cet exemple illustre la gestion d'un parc informatique sous WINDEV.
Dans cet exemple, nous abordons les principaux thèmes suivants :
1/ les états imprimés, sur requête intégrée notamment,
2/ la représentation graphique de la situation géographique de la machine,
3/ les combos auto-alimentées de type fenêtre popup.
Résumé de l'exemple livré avec WINDEV :
Cet exemple permet de gérer un parc informatique.
Pour chaque machine, on pourra définir ses caractéristiques propres, ses composants, la personne qui l'utilise ainsi que le bureau où la machine est située.
Le EyeMagnet Exemples unitaires (WINDEV) : Le EyeMagnet
[ + ] Utilisation du mécanisme "eYe magnet" (appelé également mise en forme conditionnelle)
Le "eYe magnet" consiste à modifier l'aspect visuel d'un champ afin d'attirer l'attention de l'utilisateur sur ce champ. WINDEV permet de modifier cet aspect visuel automatiquement en fonction d'une série de conditions.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire