WebFormItem
La classe 4D.WebFormItem vous permet de gérer le comportement de vos composants dans les pages web Qodly.
Les objets 4D.WebFormItem sont des propriétés de l'objet 4D.WebForm renvoyé par la commande Web Form.
Lorsque vous appelez la commande Web Form, l'objet proxy 4D.WebForm retourné contient autant de 4D.WebFormItems qu'il y a de composants avec références serveur dans votre page Qodly.
Par exemple, WebFormObject.myImage fait référence au composant image avec myImage comme référence serveur.
Historique
| Release | Modifications |
|---|---|
| 20 R2 | Ajout |
Objet WebFormItem
| .addCSSClass(className : string) ajoute la classe className au composant |
| .hide() masque le composant |
| .removeCSSClass(className: string) supprime la classe className du composant |
| .show() rend le composant visible |
.addCSSClass()
.addCSSClass(className : string)
| Paramètres | Type | Description | |
|---|---|---|---|
| className | string | -> | Nom de la classe CSS à ajouter au composant |
Description
La fonction .addCSSClass ajoute la classe className au composant.
.hide()
.hide()
| Paramètres | Type | Description | |
|---|---|---|---|
| Ne requiert aucun paramètre |
Description
La fonction .hide() masque le composant.
Exemple
Pour appeler une fonction qui masque une image lorsque l'utilisateur clique sur un bouton :
- Créez une fonction exposed à l'intérieur d'une classe singleton partagée nommée
isHiddenqui contient le code suivant :
shared singleton Class constructor()
exposed Function isHidden()
var myComponent : 4D.WebFormItem
myComponent:=Web Form.myImage
myComponent.hide() // Cache le composant qui a "myImage" comme référence serveur
- Dans Qodly Studio : Sélectionnez le composant image dans la page et entrez une référence côté serveur dans le panneau Properties > Server Side, par exemple "myImage".
- Sélectionnez le composant Button et ajoutez-lui un événement
onclick. - Attachez la fonction
isHiddenà l'événement.
.removeCSSClass()
.removeCSSClass(className: string)
| Paramètres | Type | Description | |
|---|---|---|---|
| className | string | -> | Nom de la classe CSS à supprimer du composant |
Description
La fonction .removeCSSClass() supprime la classe className du composant.
.show()
.show()
| Paramètres | Type | Description | |
|---|---|---|---|
| Ne requiert aucun paramètre |
Description
La fonction .show() rend le composant visible. Si le composant était déjà visible, la fonction ne fait rien.