Class FieldDropdown
Class untuk kolom dropdown yang dapat diedit.
Tanda Tangan:
export declare class FieldDropdown extends Field<string>
Memperluas: Kolom<string>
Konstruktor
| Konstruktor | Pengubah | Deskripsi |
|---|---|---|
| (konstruktor)(menuGenerator, validator, konfigurasi) | Membuat instance baru dari class FieldDropdown |
|
| (konstruktor)(menuGenerator) | Membuat instance baru dari class FieldDropdown |
Properti
| Properti | Pengubah | Jenis | Deskripsi |
|---|---|---|---|
| ARROW_CHAR | static |
string | |
| CHECKMARK_OVERHANG | static |
angka | Jarak horizontal yang memunculkan tanda centang di atas dropdown. |
| clickTarget_ | SVGElement | null (kosong) | ||
| KURSOR | string | Gaya kursor mouse saat melewati hotspot yang memulai editor. | |
| MAX_MENU_HEIGHT_VH | static |
angka | Tinggi maksimum menu dropdown, sebagai persentase tinggi area pandang. |
| menu_ | protected |
Menu | null (kosong) | Menu dropdown. |
| menuGenerator_? | protected |
MenuGenerator | (Opsional) |
| DASARKAN SERIA | boolean | Kolom yang dapat diserialisasi disimpan oleh serialisasi, sedangkan kolom yang tidak dapat diserialisasi tidak disimpan. Kolom yang dapat diedit juga harus dapat diserialisasi. |
Metode
| Metode | Pengubah | Deskripsi |
|---|---|---|
| applyColour() | Memperbarui panah dropdown agar sesuai dengan warna/gaya blok. | |
| createSVGArrow_() | protected |
Buat panah berbasis SVG. |
| createTextArrow_() | protected |
Buat panah berbasis tspan. |
| doClassValidation_(newValue) | protected |
Pastikan nilai input adalah opsi yang valid dan tidak tergantung bahasa. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Perbarui nilai kolom dropdown ini. |
| dropdownDispose_() | protected |
Membuang peristiwa dan referensi DOM milik editor dropdown. |
| getOptions(useCache) | Menampilkan daftar opsi untuk dropdown ini. | |
| getText_() | protected |
Gunakan hook developer getText_ untuk mengganti representasi teks kolom. Dapatkan teks opsi yang dipilih. Jika opsi yang dipilih adalah gambar, kita akan menampilkan teks alternatif gambar. |
| initView() | Buat UI blok untuk dropdown ini. | |
| isOptionListDynamic() | ||
| onItemSelected_(menu, menuItem) | protected |
Tangani pemilihan item di menu dropdown. |
| render_() | protected |
Menggambar batas dengan lebar yang benar. |
| shouldAddBorderRect_() | protected |
Apakah dropdown harus menambahkan persegi panjang batas atau tidak. |
| showEditor_(e) | protected |
Buat menu {i>dropdown<i} di bawah teks. |