FieldDropdown-Klasse
Klasse für ein bearbeitbares Drop-down-Feld.
Unterschrift:
export declare class FieldDropdown extends Field<string>
Erweitert: Field<string>
Konstruktoren
| Konstruktor | Modifikatoren | Beschreibung |
|---|---|---|
| (Konstruktor)(menuGenerator, validator, config) | Erstellt eine neue Instanz der FieldDropdown-Klasse |
|
| (constructor)(menuGenerator) | Erstellt eine neue Instanz der FieldDropdown-Klasse |
Attribute
| Attribut | Modifikatoren | Typ | Beschreibung |
|---|---|---|---|
| ARROW_CHAR | static |
String | |
| CHECKMARK_OVERHANG | static |
Zahl | Horizontaler Abstand, der von einem Häkchen über dem Drop-down-Menü liegt. |
| clickTarget_ | SVGElement | null | ||
| CURSOR | String | Mauszeigerstil, wenn er über dem Hotspot liegt, durch den der Editor gestartet wird. | |
| MAX_MENU_HEIGHT_VH | static |
Zahl | Maximale Höhe des Drop-down-Menüs als Prozentsatz der Höhe des Darstellungsbereichs. |
| menu_ | protected |
Menü | null | Das Drop-down-Menü. |
| menuGenerator_? | protected |
MenuGenerator | (Optional) |
| SERIALISierbar | boolean | Serialisierbare Felder werden vom Serialisierer gespeichert, nicht serialisierbare Felder nicht. Bearbeitbare Felder sollten auch serialisierbar sein. |
Methoden
| Methode | Modifikatoren | Beschreibung |
|---|---|---|
| applyColour() | Aktualisiert den Dropdown-Pfeil, damit er an die Farbe/den Stil des Blocks angepasst wird. | |
| createSVGArrow_() | protected |
Erstellen Sie einen SVG-basierten Pfeil. |
| createTextArrow_() | protected |
Erstellen Sie einen tspan-basierten Pfeil. |
| doClassValidation_(newValue) | protected |
Achten Sie darauf, dass der Eingabewert eine gültige sprachneutrale Option ist. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Aktualisieren Sie den Wert dieses Drop-down-Felds. |
| dropdownDispose_() | protected |
Beseitigt Ereignisse und DOM-Referenzen, die zum Drop-down-Editor gehören. |
| getOptions(useCache) | Liste mit Optionen für dieses Drop-down-Menü zurückgeben. | |
| getText_() | protected |
Verwenden Sie den Entwickler-Hook getText_, um die Textdarstellung des Felds zu überschreiben. Ausgewählten Optionstext abrufen. Handelt es sich bei der ausgewählten Option um ein Bild, wird der Alt-Text für das Bild zurückgegeben. |
| initView() | Erstellen Sie die Block-UI für dieses Drop-down-Menü. | |
| isOptionListDynamic() | ||
| onItemSelected_(menu, menuItem) | protected |
Bearbeite die Auswahl eines Elements im Drop-down-Menü. |
| render_() | protected |
Zeichnet den Rahmen mit der richtigen Breite. |
| shouldAddBorderRect_() | protected |
Gibt an, ob dem Drop-down-Menü ein Rechteck mit Rahmenlinien hinzugefügt werden soll. |
| showEditor_(e) | protected |
Erstellen Sie ein Drop-down-Menü unter dem Text. |