Classe FieldDropdown
Classe d'un champ déroulant modifiable.
Signature :
export declare class FieldDropdown extends Field<string>
Extension:Champ<string>
Constructeurs
| Constructeur | Modificateurs | Description |
|---|---|---|
| (constructor)(menuGenerator, validateur, configuration) | Construit une nouvelle instance de la classe FieldDropdown. |
|
| (constructeur)(menuGenerator) | Construit une nouvelle instance de la classe FieldDropdown. |
Propriétés
| Propriété | Modificateurs | Type | Description |
|---|---|---|---|
| ARROW_CHAR | static |
chaîne | |
| CHECKMARK_OVERHANG | static |
Nombre | Distance horizontale au-dessus de la liste déroulante par une coche. |
| clickTarget_ | SVGElement | nul | ||
| CURSEUR | chaîne | Style du curseur de la souris lorsqu'il est placé sur la zone cliquable qui lance l'éditeur | |
| MAX_MENU_HEIGHT_VH | static |
Nombre | Hauteur maximale du menu déroulant, exprimée en pourcentage de la hauteur de la fenêtre d'affichage. |
| menu_ | protected |
Menu | nul | Menu déroulant. |
| menuGenerator_? | protected |
MenuGenerator | (Facultatif) |
| SÉRIALISABLE | booléen | Les champs sérialisables sont enregistrés par le sérialiseur, contrairement aux champs non sérialisables. Les champs modifiables doivent également être sérialisables. |
Méthodes
| Méthode | Modificateurs | Description |
|---|---|---|
| applyColour() | Met à jour la flèche du menu déroulant pour qu'elle corresponde à la couleur/au style du bloc. | |
| createSVGArrow_() | protected |
Créez une flèche SVG. |
| createTextArrow_() | protected |
Créez une flèche basée sur le tspan. |
| doClassValidation_(newValue) | protected |
Assurez-vous que la valeur d'entrée correspond à une option neutre du point de vue linguistique. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Mettez à jour la valeur de ce champ déroulant. |
| dropdownDispose_() | protected |
Supprime les événements et les références DOM appartenant à l'éditeur de liste déroulante. |
| getOptions(useCache) | Renvoie la liste des options de ce menu déroulant. | |
| getText_() | protected |
Utilisez le hook développeur getText_ pour remplacer la représentation textuelle du champ. Permet d'obtenir le texte de l'option sélectionnée. Si l'option sélectionnée est une image, nous renvoyons le texte alternatif de l'image. |
| initView() | Créez l'UI de blocage pour ce menu déroulant. | |
| isOptionListDynamic() | ||
| onItemSelected_(menu, menuItem) | protected |
Gérez la sélection d'un élément dans le menu déroulant. |
| render_() | protected |
Dessine la bordure avec la largeur appropriée. |
| shouldAddBorderRect_() | protected |
Indique si la liste déroulante doit ajouter un rectangle de bordure. |
| showEditor_(e) | protected |
Créez un menu déroulant sous le texte. |