blockly > FieldDropdown

Klasse „FieldDropdown“

Klasse für ein bearbeitbares Drop-down-Feld.

Unterschrift:

export declare class FieldDropdown extends Field<string> 

Erweitert:Feld<string>

Konstruktoren

Konstruktor Modifikatoren Beschreibung
(constructor)(menuGenerator, validator, config) Erstellt eine neue Instanz der Klasse FieldDropdown.
(constructor)(menuGenerator) Erstellt eine neue Instanz der Klasse FieldDropdown.

Attribute

Attribut Modifikatoren Typ Beschreibung
ARROW_CHAR static String
clickTarget_ SVGElement | null
IMAGE_Y_OFFSET

protected

static

Zahl Der y-Offset vom oberen Rand des Felds zum oberen Rand des Bildes, falls ein Bild ausgewählt ist.
IMAGE_Y_PADDING

protected

static

Zahl Der gesamte vertikale Abstand über und unter einem Bild.
menu_ protected Menü | null Das Drop-down-Menü.
menuGenerator_? protected MenuGenerator (Optional)
SEPARATOR

static

readonly

(nicht deklariert) Magische Konstante, die als Trennzeichen in einer Liste von Drop-down-Elementen verwendet wird.
SERIALIZABLE boolean Serialisierbare Felder werden vom Serializer gespeichert, nicht serialisierbare Felder nicht. Bearbeitbare Felder sollten außerdem serialisierbar sein.

Methoden

Methode Modifikatoren Beschreibung
applyColour() Der Drop-down-Pfeil wird an die Farbe/den Stil des Blocks angepasst.
createSVGArrow_() protected Erstellen Sie einen SVG-basierten Pfeil.
createTextArrow_() protected Einen Tspan-basierten Pfeil erstellen
doClassValidation_(newValue) protected Der Eingabewert muss eine gültige sprachneutrale Option sein.
doClassValidation_(newValue) protected
doValueUpdate_(newValue) protected Aktualisieren Sie den Wert dieses Drop-down-Felds.
dropdownDispose_() protected Entfernt Ereignisse und DOM-Referenzen, die zum Drop-down-Editor gehören.
getOptions(useCache) Eine Liste der Optionen für dieses Drop-down-Menü zurückgeben.
getText_() protected

Verwenden Sie den Entwickler-Hook getText_, um die Textdarstellung des Felds zu überschreiben. Den Text der ausgewählten Option abrufen. Wenn die ausgewählte Option ein Bild ist, geben wir den Alt-Text des Bilds zurück. Wenn die ausgewählte Option ein HTMLElement ist, geben Sie den Titel, die ariaLabel oder den innerText des Elements zurück.

Wenn Sie HTMLElement-Optionen in Node.js verwenden und diese Funktion aufrufen, müssen Sie eine Implementierung von HTMLElement bereitstellen, z. B. über jsdom-global.

initView() Erstelle die Block-Benutzeroberfläche für dieses Drop-down-Menü.
isOptionListDynamic()
onItemSelected_(menu, menuItem) protected Hier wird die Auswahl eines Elements im Drop-down-Menü verarbeitet.
render_() protected Der Rahmen wird mit der richtigen Breite gezeichnet.
setOptions(menuGenerator) Aktualisieren Sie die Optionen in diesem Drop-down-Menü. Dadurch wird das ausgewählte Element auf das erste Element in der Liste zurückgesetzt.
shouldAddBorderRect_() protected Gibt an, ob dem Drop-down-Menü ein Rechteck mit Rahmen hinzugefügt werden soll.
showEditor_(e) protected Erstellen Sie unter dem Text ein Drop-down-Menü.
trimOptions(options) protected Häufige Wörter in statisch definierten Optionen herausrechnen Präfix- und/oder Suffixlabels erstellen
validateOptions(options) protected Prüft die Datenstruktur, die als Optionsliste verarbeitet werden soll.