Classe FieldDropdown
Classe pour un champ déroulant modifiable.
Signature :
export declare class FieldDropdown extends Field<string>
Étend: Champ<chaîne>
Constructeurs
| Constructeur | Modificateurs | Description |
|---|---|---|
| (constructeur)(menuGenerator, validateur, config) | Construit une instance de la classe FieldDropdown. |
|
| (constructor)(menuGenerator) | Construit une instance de la classe FieldDropdown. |
Propriétés
| Propriété | Modificateurs | Type | Description |
|---|---|---|---|
| ARROW_CHAR | static |
chaîne | |
| clickTarget_ | SVGElement | null | ||
| IMAGE_Y_OFFSET |
|
Total | Décalage de l'axe Y entre le haut du champ et le haut de l'image, si une image est sélectionnée. |
| IMAGE_Y_PADDING |
|
Total | Marge intérieure verticale totale au-dessus et en dessous d'une image. |
| menu_ | protected |
Menu | null | Menu déroulant. |
| menuGenerator_? | protected |
MenuGenerator | (Facultatif) |
| SÉPARATEUR |
|
(non déclaré) | Constante magique utilisée pour représenter un séparateur dans une liste d'éléments déroulants. |
| SERIALIZABLE | booléen | Les champs sérialisables sont enregistrés par le sérialisateur, 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 basée sur le format SVG. |
| createTextArrow_() | protected |
Créez une flèche basée sur un tspan. |
| doClassValidation_(newValue) | protected |
Assurez-vous que la valeur saisie est une option valide, quelle que soit la langue. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Mettez à jour la valeur de ce champ déroulant. |
| dropdownDispose_() | protected |
Élimine les événements et les références DOM appartenant à l'éditeur déroulant. |
| getOptions(useCache) | Renvoie la liste des options de ce menu déroulant. | |
| getText_() | protected |
Utilisez le hook de développement Si vous utilisez des options HTMLElement dans Node.js et que vous appelez cette fonction, assurez-vous de fournir une implémentation d'HTMLElement, par exemple via jsdom-global. |
| initView() | Créez l'UI du bloc pour cette liste déroulante. | |
| isOptionListDynamic() | ||
| onItemSelected_(menu, menuItem) | protected |
Gérer la sélection d'un élément dans le menu déroulant |
| render_() | protected |
Dessine la bordure avec la largeur appropriée. |
| setOptions(menuGenerator) | Mettez à jour les options de ce menu déroulant. L'élément sélectionné est alors réinitialisé pour devenir le premier élément de la liste. | |
| shouldAddBorderRect_() | protected |
Indique si le menu déroulant doit ajouter un rectangle de bordure. |
| showEditor_(e) | protected |
Créez un menu déroulant sous le texte. |
| trimOptions(options) | protected |
Identifiez les mots courants dans les options définies de manière statique. Créez des libellés de préfixe et/ou de suffixe. |
| validateOptions(options) | protected |
Valide la structure de données à traiter en tant que liste d'options. |