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 |
|
Zahl | Der y-Offset vom oberen Rand des Felds zum oberen Rand des Bildes, falls ein Bild ausgewählt ist. |
| IMAGE_Y_PADDING |
|
Zahl | Der gesamte vertikale Abstand über und unter einem Bild. |
| menu_ | protected |
Menü | null | Das Drop-down-Menü. |
| menuGenerator_? | protected |
MenuGenerator | (Optional) |
| SEPARATOR |
|
(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 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. |