blockly > FieldDropdown

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

protected

static

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

protected

static

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

static

readonly

(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 getText_ pour remplacer la représentation textuelle du champ. 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. Si l'option sélectionnée est un HTMLElement, renvoyez le titre, l'ariaLabel ou l'innerText de l'élément.

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.