Facilitez la vie de vos développeurs grâce aux listes déroulantes
janvier 31, 2020
4 min de lecture
Notre objectif principal est de faciliter la vie des développeurs au quotidien, et les listes déroulantes comptent parmi les objets de formulaire les plus utilisés et les plus puissants de 4D à cet effet. Nous savons tous que les listes déroulantes déclenchent de nombreux événements ; c’est pourquoi, dans 4D v18 R2, nous avons amélioré la Form event commande afin qu’elle renvoie encore plus d’informations lorsque les événements des listes déroulantes sont déclenchés.
Vous souhaitez abandonner votre ancien code compliqué qui devine sur quelle ligne, colonne ou en-tête vous avez cliqué ou posé votre souris ? Laissez-nous vous montrer une méthode plus fluide et plus intelligente pour y parvenir !
HDI : Exemples pour travailler facilement avec les événements des listes déroulantes
Selon l’événement, des propriétés pertinentes supplémentaires sont désormais renvoyées par la Form event commande.
Voyons quelques exemples.
Événement de clic sur l’en-tête
Le nom de l’objet en-tête, le nom de l’objet colonne et le numéro de colonne sont désormais renvoyés par la Form event commande.
Voici un exemple de l’objet renvoyé lorsqu’un événement « On Header Click » est déclenché/
{"headerName":"headerLastname", // New property - Header object name
"columnName":"lastname", // New property - Column object name
"column":2, // New property - Column number
"code":42,
"description":"On Header Click",
"objectName":"EmployeesLB"}
Par exemple, si vous définissez le nom d’un objet colonne avec un nom d’attribut réel d’une classe de données (par exemple, lastname) :
En cliquant sur l’en-tête de la colonne affichant le nom de famille des employés, nous trions la colonne selon les attributs « lastname » et « firstname » :
Form.event:=FORM Event
Case of
: (Form event code=On Header Click)
if (Form.event.columnName="lastname")
Form.employees:=Form.employees.orderBy(Form.event.columnName+", firstname")
End if
End case Lors de l’événement DISPLAY DETAILS
Lorsque l’événement On Display Details est déclenché, des propriétés supplémentaires pertinentes (par exemple, isRowSelected) sont désormais renvoyées par la Form event commande. Cela peut être utile pour gérer l’apparence des lignes d’une liste déroulante.
Voici un exemple de méthode (setColor) définie dans la propriété d’expression Meta info d’une zone de liste :
La méthode setColor:
C_OBJECT($event;$0;$meta)
$event:=FORM Event
$meta:=New object
Case of
: ($event.code=On Display Detail)
If ($event.isRowSelected) //set color when row is selected
$meta.fill:="lightblue"
End if
End case
$0:=$metaEt voici à quoi ressemble la liste déroulante lorsque des lignes sont sélectionnées :
Événement On Mouse Move
Un autre événement fréquemment utilisé est l’événement On Mouse Move. Vous trouverez ci-dessous des exemples d’objets renvoyés par la Form event commande lorsqu’elle est déclenchée.
Vous obtenez immédiatement des propriétés utiles pour localiser l’endroit où se trouve votre souris !
La souris survole un en-tête
Form event renvoie :
{"area":"header", // The mouse is on a header
"areaName":"headerLastname", // Header object name
"column":2, // Column number
"columnName":"lastname", // Colmun object name
"code":37,
"description":"On Mouse Move",
"objectName":"EmployeesLB"}
La souris survole une cellule
Form event renvoie :
{"area":"cell", // The mouse is on a cell
"column":1, // Column number
"row":2, // Row number
"columnName":"firstname", // Colmun object name
"code":37,
"description":"On Mouse Move",
"objectName":"EmployeesLB"}Il existe tellement d’événements liés aux listes déroulantes qu’un seul article de blog ne suffit pas pour tous les couvrir. N’hésitez donc pas à consulter la documentation pour obtenir des informations détaillées sur chaque événement et à télécharger le HDI pour en savoir plus !
Les commentaires ne sont pas disponibles pour cet article pour le moment.