Web Event

Web Event : object

Paramètres	Type		Description
Résultat	Object	←	Informations sur l'événement déclenché

Description

La commande Web Event renvoie un objet contenant des informations sur un événement déclenché lié à un composant de formulaire web Qodly.

La commande doit être appelée dans le contexte d'une page web gérée par le serveur web 4D.

Résultat

L'objet retourné contient les propriétés suivantes :

Propriété		Type	Description
caller		string	Référence serveur du composant qui déclenche l'événement
eventType		string	Type d'événement : onblur onfocus onclick onauxclick onmouseenter onmouseleave onkeyup onkeydown onchange unload onload - déclenché au chargement de la Page
data		object	Informations supplémentaires dépendantes du composant concerné
	index	number	Composant Tabs : indice de l'onglet (les indices commencent à 0) Composant Data Table : numéro de colonne
	row	number	Composant Data Table : numéro de ligne
	name	string	Composant Data Table : nom qodlysource de la colonne (par exemple "firstname", "address.city")

Exemple

L'objectif est d'afficher/masquer un texte d'aide lorsque l'utilisateur survole le composant :

Pour ce faire, les événements onmouseenter et onmouseleave sont attachés à un composant Text input qui affiche les informations stockées dans un composant Text (en affichant "This is the help text").

Pour ce scénario :

• Le composant Text input a pour référence serveur orderNumber.
• Le composant Text a pour référence serveur helpOn_orderNumber.
• La fonction exposée help() est attachée aux événements onmouseenter et onmouseleave et contient le code suivant :

shared singleton Class constructor()
exposed Function help()
	
	var event : Object
	var myForm : 4D.WebForm
	var componentRef : Text
	
	myForm:=web Form
	event:=web Event
	componentRef:=event.caller

	Au cas ou 
		: (event.eventType="onmouseenter") // l'événement est onmouseenter 
			myForm["helpOn_"+componentRef].show() // montre l'aide sur "orderNumber" en affichant  
			// le composant texte avec la référence "helpOn_orderNumber" 
		: (event.eventType="onmouseleave") // l'événement est onmouseleave 
			myForm["helpOn_"+componentRef].hide() // masquel'aide sur orderNumber
			
	End case 

Pour ouvrir la page web avec l'aide de orderNumber masqué, vous pouvez associer cette fonction à l'événement onload de la page web :

exposed function hideOnLoad()
	webForm.helpOn_orderNumber.hide()

Voir également

Web Form
WebForm class
WebFormItem class

Propriétés

Numéro de commande	1734
Thread safe	✗