4D v16.3

Utiliser des tableaux objets dans les colonnes (4D View Pro)

Accueil

 
4D v16.3
Utiliser des tableaux objets dans les colonnes (4D View Pro)

Utiliser des tableaux objets dans les colonnes (4D View Pro)  


 

 

Les colonnes de list box peuvent être associées à des tableaux d'objets. Comme les tableaux d'objets peuvent contenir des données de types différents, cette puissante fonctionnalité vous permet de saisir et d'afficher divers types de valeurs dans les lignes d'une même colonne, ainsi que d'utiliser divers objets d'interface (widgets). Par exemple, vous pouvez placer une zone de saisie de texte dans la première ligne, une case à cocher dans la seconde, et une liste déroulante dans la troisième. Les tableaux d'objets vous donnent également accès à des widgets supplémentaires, tels que des boutons ou des sélecteurs de couleurs (color picker).

La list box suivante a été définie à l'aide d'un tableau d'objets :

A propos de 4D View Pro : La possibilité d'associer des tableaux d'objets aux colonnes de list box est une fonctionnalité "4D View Pro", ce qui signifie que son utilisation requiert une licence 4D View valide. 4D View Pro, nouvel outil en cours de développement, regroupe un ensemble de fonctionnalités relatives aux tableaux et aux présentations en listes. Il est destiné à remplacer progressivement le plug-in 4D View. Pour plus d'informations, veuillez vous reporter au site Web de 4D.

Pour affecter un tableau d'objets à une colonne de list box (list box de type tableau uniquement), il vous suffit de fournir le nom du tableau d'objets soit dans la Liste des propriétés (champ "Nom de variable"), soit à la commande LISTBOX INSERER COLONNE, comme pour toute colonne associée à un tableau. Dans la Liste des propriétés, vous pouvez sélectionner Objet comme "Type de variable" pour la colonne :

Les propriétés standard liées aux coordonnées, taille et style sont disponibles pour les colonnes de type objet. Elles peuvent être gérées à l'aide de la Liste des propriétés, ou en programmant les attributs de style, visibilité, couleur de police et de fond de chaque ligne de colonne objet de la list box. Ce type de colonne peut également être masqué. 

Toutefois, le thème Source de données n'est pas disponible pour les colonnes objet des list box. En fait, le contenu de chaque cellule de la colonne est basé sur les attributs présents dans l'élément correspondant du tableau d'objets. Chaque élément du tableau peut définir :

  • le type de valeur (obligatoire) : texte, couleur, événement, etc.
  • la valeur elle-même (optionnel) : utilisé aussi bien pour la saisie que pour l'affichage
  • le mode d'affichage du contenu de la cellule (optionnel) : bouton, liste, etc.
  • des paramètres supplémentaires (optionnel) : dépend du type de valeur

Pour définir ces propriétés, vous devez placer les attributs adéquats dans l'objet (la liste des attributs disponibles est fournie ci-dessous). Par exemple, vous pouvez écrire "Hello World!" dans une colonne objet à l'aide de ce simple code :

 TABLEAU OBJET(obColumn;0) //tableau de la colonne
 C_OBJET($ob//premier élément
 OB FIXER($ob;"valueType";"text") //définit le type de valeur (obligatoire)
 OB FIXER($ob;"value";"Hello World!") //définit la valeur
 AJOUTER A TABLEAU(obColumn;$ob)

Note : Il n'est pas possible de choisir un format d'affichage et/ou un filtre de saisie pour les colonnes objet. Ces paramètres sont automatiquement définis en fonction du type de valeur.

Lorsqu'une colonne de list box est associée à un tableau d'objets, l'affichage, la saisie et l'édition des cellules sont basées sur l'attribut valueType présent dans chaque élément du tableau. Les valeurs valueType prises en charge sont les suivantes :

  • "text" : pour une valeur texte
  • "real" : pour une valeur numérique incluant des séparateurs tels que <espace>, <.> ou <,>
  • "integer" : pour une valeur entière
  • "boolean" : pour une valeur True/False
  • "color" : pour définir une couleur de fond
  • "event" : pour afficher un bouton avec un libellé

4D utilise des widgets par défaut en fonction de la valeur de "valueType" (par exemple, un "text" est affiché sous forme de zone de saisie de texte, un "boolean" est affiché sous forme de case à cocher, etc.), mais des représentations alternatives sont également disponibles via des options (par exemple, un "real" peut être affiché sous forme de menu déroulant). Le tableau suivant indique l'affichage par défaut ainsi que les variations possibles pour chaque type de valeur :

valueTypeWidget par défautWidget(s) alternatif(s)
textzone de saisie de textemenu déroulant (enumération obligatoire) ou combo box (enumération)
realzone de saisie de texte contrôlée (nombre et séparateurs)menu déroulant (enumération obligatoire) ou combo box (enumération)
integerzone de saisie de texte contrôlée (nombre)menu déroulant (enumération obligatoire) ou combo box (enumération) ou case à cocher trois états
booleancase à cochermenu déroulant (enumération obligatoire)
colorcouleur de fondtexte
eventbouton avec libellé
Tous les widgets peuvent associer un unit toggle button ou ellipsis button à la cellule.

Vous définissez l'affichage de la cellule et les variations à l'aide d'attributs spécifiques dans chaque objet (voir ci-dessous).

Il n'est pas possible de choisir un format d'affichage et/ou un filtre de saisie pour les colonnes objet des list box, ces paramètres sont automatiquement définis en fonction du type de valeur. Ils sont listés dans le tableau suivant :

valueTypeFormat défautContrôle de saisie
textle même que celui de l'objetpas de contrôle (tout caractère accepté)
realle même que celui de l'objet (utilisation du séparateur décimal système)"0-9", "." et "-"
"0-9" et "." si min>=0
integerle même que celui de l'objet"0-9" et "-"
"0-9" si min>=0
Booleancase à cocherN/A
colorN/AN/A
eventN/AN/A

Chaque élément du tableau d'objets est un objet qui peut contenir un ou plusieurs attributs qui définiront le contenu de la cellule et l'affichage des données (voir exemple ci-dessus).

L'unique attribut obligatoire est "valueType" et ses valeurs acceptées sont "text", "real", "integer", "boolean", "color" et "event". Le tableau suivant liste tous les attributs acceptés dans les tableaux d'objets des list box, suivant la valeur de "valueType" (tout autre attribut est ignoré). Les formats d'affichage et des exemples sont fournis ci-dessous. 

valueTypetextrealintegerbooleancolorevent
AttributsDescription
valuevaleur de la cellule (saisie ou affichage)xxx
minvaleur minimumxx
maxvaleur maximumxx
behaviorvaleur "threeStates"x
requiredListmenu déroulant défini dans l'objetxxx
choiceListcombo box défini dans l'objetxxx
requiredListReferenceRefList 4D, dépend de la valeur de "saveAs"xxx
requiredListNamenom d'énumération 4D, dépend de la valeur de "saveAs"xxx
saveAs"reference" ou "value"xxx
choiceListReferenceRefList 4D, affiche une combo boxxxx
choiceListNamenom d'énumération 4D, affiche une combo boxxxx
unitListtableau de X élémentsxxx
unitReferenceindice de l'élément sélectionnéxxx
unitsListReferenceRefList 4D pour les unitésxxx
unitsListNamenom d'énumération 4D pour les unitésxxx
alternateButtonajouter un bouton alternatifxxxxx
value  

La valeur des cellules est stockée dans l'attribut "value". Cet attribut est utilisé pour la saisie (entrée) et pour l'affichage (sortie). Il peut également être utilisé pour définir des valeurs par défaut lors de l'utilisation des listes (voir ci-dessous).

Exemple :

 TABLEAU OBJET(obColumn;0) //tableau de la colonne
 C_OBJET($ob1)
 $entry:="Hello world!"
 OB FIXER($ob1;"valueType";"text")
 OB FIXER($ob1;"value";$entry// si l'utilisateur saisit une valeur, $entry contiendra la nouvelle valeur
 C_OBJET($ob2)
 OB FIXER($ob2;"valueType";"real")
 OB FIXER($ob2;"value";2/3)
 C_OBJET($ob3)
 OB FIXER($ob3;"valueType";"boolean")
 OB FIXER($ob3;"value";Vrai)
 
 AJOUTER A TABLEAU(obColumn;$ob1)
 AJOUTER A TABLEAU(obColumn;$ob2)
 AJOUTER A TABLEAU(obColumn;$ob3)

Note : La valeur Null est acceptée, elle définit une cellule vide.

Lorsque "valueType" est "real" ou "integer", l'objet accepte également des attributs min et max avec des valeurs appropriées (les valeurs doivent être du même type que le "valueType"). 

Ces attributs peuvent être utilisés pour définir un intervalle de valeurs saisissables. Lorsqu'une cellule est validée (lorsqu'elle perd le focus), si la valeur saisie est inférieure à la valeur min ou supérieure à la valeur max, elle est alors rejetée. Dans ce cas, la valeur précédente est réappliquée et une info-bulle d'explication est affichée.

Exemple :

 C_OBJET($ob3)
 $entry3:=2015
 OB FIXER($ob3;"valueType";"integer")
 OB FIXER($ob3;"value";$entry3)
 OB FIXER($ob3;"min";2000)
 OB FIXER($ob3;"max";3000)

L'attribut behavior propose des variations de la représentation standard des valeurs. Dans la version actuelle de 4D, une seule variation est possible :

AttributValeur(s) disponible(s)valueType(s)Description
behaviorthreeStatesintegerReprésente une valeur numérique sous forme de case à cocher à trois états. 2=intermédiaire, 1=cochée, 0=non cochée, -1=invisible, -2=non cochée désactivée, -3=cochée désactivée, -4=intermédiaire désactivée

Example :

 C_OBJET($ob3)
 OB FIXER($ob3;"valueType";"integer")
 OB FIXER($ob3;"value";-3)
 C_OBJET($ob4)
 OB FIXER($ob4;"valueType";"integer")
 OB FIXER($ob4;"value";-3)
 OB FIXER($ob4;"behavior";"threeStates")

Lorsqu'un attribut "choiceList" ou "requiredList" est présent dans l'objet, la zone de saisie de texte est remplacée par une liste déroulante ou une combo box, en fonction de l'attribut :

  • Si l'attribut est "choiceList", la cellule est affichée sous forme de combo box. Cela signifie que l'utilisateur peut sélectionner ou saisir une valeur.
  • Si l'attribut est "requiredList", la cellule est affichée sous forme de liste déroulante. Cela signifie que l'utilisateur peut uniquement sélectionner une des valeurs de la liste.

Dans les deux cas, vous pouvez utiliser un attribut "value" pour présélectionner une valeur dans le widget.

Note : Les valeurs du widget sont définies via un tableau. Si vous souhaitez associer le widget à une énumération 4D existante, vous devez utiliser les attributs "requiredListReference", "requiredListName", "choiceListReference" ou "choiceListName".

Exemples :

  • Vous voulez afficher une liste déroulante avec juste deux options, "Open" ou "Closed". "Closed" doit être présélectionné :
     TABLEAU TEXTE($RequiredList;0)
     AJOUTER A TABLEAU($RequiredList;"Open")
     AJOUTER A TABLEAU($RequiredList;"Closed")
     C_OBJET($ob)
     OB FIXER($ob;"valueType";"text")
     OB FIXER($ob;"value";"Closed")
     OB FIXER TABLEAU($ob;"requiredList";$RequiredList)

  • Vous voulez accepter toute valeur entière, mais afficher une combo box contenant les valeurs les plus communes :
     TABLEAU ENTIER LONG($ChoiceList;0)
     AJOUTER A TABLEAU($ChoiceList;5)
     AJOUTER A TABLEAU($ChoiceList;10)
     AJOUTER A TABLEAU($ChoiceList;20)
     AJOUTER A TABLEAU($ChoiceList;50)
     AJOUTER A TABLEAU($ChoiceList;100)
     C_OBJET($ob)
     OB FIXER($ob;"valueType";"integer")
     OB FIXER($ob;"value";10) //10 comme valeur par défaut
     OB FIXER TABLEAU($ob;"choiceList";$ChoiceList)

Les attributs "requiredListName" et "requiredListReference" vous permettent d'utiliser, dans une cellule de list box, une énumération définie dans 4D soit en mode Développement (via l'éditeur d'Enumérations de la Boîte à outils) soit par programmation (à l'aide de la commande Nouvelle liste). La cellule sera alors affichée sous forme de liste déroulante, ce qui signifie que l'utilisateur pourra uniquement choisir une des valeurs fournies dans la liste.

Utilisez "requiredListName" ou "requiredListReference" en fonction de la provenance de la liste : si la liste provient de la Boîte à outils, utilisez son nom ; sinon, si la liste a été définie par programmation, passez sa référence. Dans les deux cas, vous pouvez utiliser un attribut "value" pour présélectionner une valeur dans le widget.

Note: Si vous souhaitez définir des valeurs d'énumération via un simple tableau, vous pouvez utiliser l'attribut "requiredList".

Dans ce contexte, l'attribut "saveAs" peut être utilisé afin de définir si l'élément sélectionné doit être sauvegardé en tant que valeur ("value") ou en tant que référence ("reference") :

  • Si "saveAs" = "reference", l'élément sera stocké en tant que référence ; "valueType" doit être de type "real" ou "integer".
  • Si "saveAs" = "value", l'élément sera stocké en tant que valeur. Dans ce cas, "valueType" doit être du même type de les valeurs de la liste, généralement "text" ou "integer" ; sinon, 4D tentera de convertir la valeur de la liste en "valueType" de l'objet (voir exemples ci-dessous).

Pour plus d'informations sur l'option "save as", reportez-vous à la section Enregistrer comme Valeur ou Référence du manuel Mode Développement.

Note : Si la liste contient du texte représentant des valeurs réelles, le séparateur décimal doit être le point ("."), quels que soient les paramètres locaux, ex : "17.6" "1234.456".

Exemples :

  • Vous voulez afficher une liste déroulante basée sur une énumération nommée "colors" définie dans la Boîte à outils (contenant les valeurs "bleu", "jaune" et "vert"), la stocker en tant que valeur et afficher "bleu" par défaut :

     C_OBJET($ob)
     OB FIXER($ob;"valueType";"text")
     OB FIXER($ob;"saveAs";"value")
     OB FIXER($ob;"value";"bleu")
     OB FIXER($ob;"requiredListName";"colors")

  • Vous voulez afficher une liste déroulante basée sur une liste créée par programmation, et la stocker en tant que référence :
     <>List:=Nouvelle liste
     AJOUTER A LISTE(<>List;"Paris";1)
     AJOUTER A LISTE(<>List;"London";2)
     AJOUTER A LISTE(<>List;"Berlin";3)
     AJOUTER A LISTE(<>List;"Madrid";4)
     C_OBJET($ob)
     OB FIXER($ob;"valueType";"integer")
     OB FIXER($ob;"saveAs";"reference")
     OB FIXER($ob;"value";2) //affiche London by default
     OB FIXER($ob;"requiredListReference";<>List)

Les attributs "choiceListName" et "choiceListReference" permettent d'utiliser, dans une cellule de list box, une énumération définie dans 4D soit en mode Développement (via l'éditeur de la Boîte à outils) soit par programmation (à l'aide de la commande Nouvelle liste). La cellule sera alors affichée sous forme de combo box, ce qui signifie que l'utilisateur pourra choisir une des valeurs de la liste ou en saisir une.

Utilisez "choiceListName" ou "choiceListReference" en fonction de la provenance de la liste : si la liste provient de la Boîte à outils, utilisez son nom ; sinon, si la liste a été définie par programmation, passez sa référence. Dans les deux cas, vous pouvez utiliser un attribut "value" pour présélectionner une valeur dans le widget.

Note : Si vous souhaitez définir des valeurs d'énumération via un simple tableau, vous pouvez utiliser l'attribut "choiceList".

Dans ce contexte, l'attribut "saveAs" ne peut pas être utilisé car les éléments sélectionnés sont automatiquement stockés en tant que valeurs (cf. ).

Note : Si la liste contient du texte représentant des valeurs réelles, le séparateur décimal doit être le point ("."), quels que soient les paramètres locaux, ex : "17.6" "1234.456".

Exemple :

Vous voulez afficher une combo box basée sur une énumération nommée "colors" définie dans la Boîte à outils (contenant les valeurs "bleu", "jaune" et "vert") et afficher "vert" par défaut :


 C_OBJET($ob)
 OB FIXER($ob;"valueType";"text")
 OB FIXER($ob;"value";"vert")
 OB FIXER($ob;"choiceListName";"colors")

Vous pouvez utiliser des attributs spécifiques afin d'associer des unités aux valeurs des cellules (par exemple "10 cm", "20 pixels", etc.). Pour définir une liste d'unités, vous pouvez utiliser l'un des attributs suivants :

  • "unitsList" : un tableau contenant les x éléments définissant les unités disponibles (ex : "cm", "pouces", "km", "miles", etc.). Utilisez cet attribut pour définir des unités dans l'objet.
  • "unitsListReference" : une référence de liste 4D contenant les unités disponibles. Utilisez cet attribut pour définir des unités à l'aide d'une liste 4D créée avec la commande Nouvelle liste.
  • "unitsListName" : un nom d'énumération 4D créée en mode Développement contenant les unités disponibles. Utilisez cet attribut pour définir des unités à l'aide d'une énumération 4D créée dans la Boîte à outils.

Quel que soit son mode de définition, la liste d'unités peut être associée à l'attribut suivant :

  • "unitReference" : une valeur simple contenant l'indice (de 1 à x) de l'élément sélectionné dans la liste de valeurs "unitList", "unitsListReference" ou "unitsListName".

L'unité courante est affichée sous forme de bouton affichant successivement les valeurs de "unitList", "unitsListReference" ou "unitsListName" à chaque clic (par exemple "pixels" -> "lignes" -> "cm" -> "pixels" -> etc.)

Exemple : Vous souhaitez définir une valeur de saisie numérique suivie d'une unité parmi deux possibles : "cm" ou "pixels". La valeur courante est "2" + "cm". Vous utilisez des valeurs définies directement dans l'objet (attribut "unitsList") :

 TABLEAU TEXTE($_units;0)
 AJOUTER A TABLEAU($_units;"cm")
 AJOUTER A TABLEAU($_units;"pixels")
 C_OBJET($ob)
 OB FIXER($ob;"valueType";"integer")
 OB FIXER($ob;"value";2) // 2 "units"
 OB FIXER($ob;"unitReference";1) //"cm"
 OB FIXER TABLEAU($ob;"unitsList";$_units)

Si vous souhaitez ajouter un bouton d'ellipse [...] dans une cellule, il suffit de passer l'attribut "alternateButton" avec la valeur vrai dans l'objet. Le bouton sera automatiquement affiché dans la cellule.

Lorsque l'utilisateur clique sur ce bouton, un événement Sur clic alternatif est généré, vous permettant de traiter cette action comme vous le souhaitez (reportez-vous ci-dessous au paragraphe "Gestion des événements" pour plus d'informations).

Exemple :

 C_OBJET($ob1)
 $entry:="Hello world!"
 OB FIXER($ob;"valueType";"text")
 OB FIXER($ob;"alternateButton";Vrai)
 OB FIXER($ob;"value";$entry)

L'attribut "valueType" de valeur "color" vous permet d'afficher soit une couleur, soit un texte.

  • Si la valeur est un nombre, un rectangle de couleur est dessiné à l'intérieur de la cellule. Exemple :
     C_OBJET($ob4)
     OB FIXER($ob4;"valueType";"color")
     OB FIXER($ob4;"value";0x00FF0000)

  • Si la valeur est un texte, le texte est simplement affiché (par exemple : "value";"Automatic").

L'attribut "valueType" de valeur "event" affiche un bouton qui génère simplement un événement Sur clic lorsque l'utilisateur clique dessus. Aucune donnée ou valeur ne peut être passée ou retournée.

Optionnellement, il est possible de passez un attribut "label" afin de donner un libellé au bouton. 

Exemple :

 C_OBJET($ob)
 OB FIXER($ob;"valueType";"event")
 OB FIXER($ob;"label";"Edit...")

Plusieurs événements peuvent être gérés dans les colonnes de list box de type tableau d'objets (cf. ci-dessus). Voici une synthèse des événements spécifiques :

  • Sur données modifiées : L'événement Sur données modifiées est généré en cas de modification d'une valeur de la colonne, quel que soit le widget :
    • zone de saisie de texte
    • listes déroulante
    • zone de combo box
    • bouton d'unité (passage valeur x à valeur x+1)
    • case à cocher (passage cochée/non cochée)
  • Sur clic : Lorsque l'utilisateur clique sur un bouton installé à l'aide de l'attribut "valueType" "event", un événement Sur clic est généré. Cet événement doit être ensuite géré par le programmeur.
  • Sur clic alternatif : Lorsque l'utilisateur clique sur un bouton d'ellipse (attribut "alternateButton"), un événement Sur clic alternatif est généré. Cet événement doit être ensuite géré par le programmeur.

Note de compatibilité (4D v15) : Sur clic alternatif est le nouveau nom de l'événement Sur clic flèche, renommé afin de souligner l'extension de son champ d'action. 

 
PROPRIÉTÉS 

Produit : 4D
Thème : List Box
Nom intl. : Using object arrays in columns (4D View Pro)

 
HISTORIQUE 

Créé : 4D v15

 
UTILISATION DE L'ARTICLE

4D - Langage ( 4D v16)
4D - Langage ( 4D v16.1)
4D - Langage ( 4D v16.2)
4D - Langage ( 4D v16.3)