blockly > FieldDropdown

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
(constructor)(menuGenerator, validator, config) Membuat instance baru class FieldDropdown
(constructor)(menuGenerator) Membuat instance baru class FieldDropdown

Properti

Properti Pengubah Jenis Deskripsi
ARROW_CHAR static string
clickTarget_ SVGElement | null
IMAGE_Y_OFFSET

protected

static

angka Offset y dari bagian atas kolom ke bagian atas gambar, jika gambar dipilih.
IMAGE_Y_PADDING

protected

static

angka Total padding vertikal di atas dan di bawah gambar.
menu_ protected Menu | null Menu dropdown.
menuGenerator_? protected MenuGenerator (Opsional)
SEPARATOR

static

readonly

(tidak dideklarasikan) Konstanta ajaib yang digunakan untuk mewakili pemisah dalam daftar item dropdown.
SERIALIZABLE boolean Kolom serializable disimpan oleh serializer, sedangkan kolom non-serializable tidak. Kolom yang dapat diedit juga harus dapat diserialisasi.

Metode

Metode Pengubah Deskripsi
applyColour() Memperbarui panah dropdown agar cocok dengan warna/gaya blok.
createSVGArrow_() protected Buat panah berbasis SVG.
createTextArrow_() protected Buat panah berbasis tspan.
doClassValidation_(newValue) protected Pastikan nilai input adalah opsi netral bahasa yang valid.
doClassValidation_(newValue) protected
doValueUpdate_(newValue) protected Perbarui nilai kolom dropdown ini.
dropdownDispose_() protected Menghapus peristiwa dan referensi DOM yang termasuk dalam editor dropdown.
getOptions(useCache) Menampilkan daftar opsi untuk dropdown ini.
getText_() protected

Gunakan hook developer getText_ untuk mengganti representasi teks kolom. Mendapatkan teks opsi yang dipilih. Jika opsi yang dipilih adalah gambar, kami akan menampilkan teks alternatif gambar. Jika opsi yang dipilih adalah HTMLElement, tampilkan judul, ariaLabel, atau innerText elemen.

Jika Anda menggunakan opsi HTMLElement di Node.js dan memanggil fungsi ini, pastikan Anda menyediakan implementasi HTMLElement, seperti melalui jsdom-global.

initView() Buat UI blok untuk dropdown ini.
isOptionListDynamic()
onItemSelected_(menu, menuItem) protected Menangani pemilihan item di menu dropdown.
render_() protected Menggambar batas dengan lebar yang benar.
setOptions(menuGenerator) Perbarui opsi di dropdown ini. Tindakan ini akan mereset item yang dipilih ke item pertama dalam daftar.
shouldAddBorderRect_() protected Apakah dropdown harus menambahkan persegi panjang batas atau tidak.
showEditor_(e) protected Buat menu dropdown di bawah teks.
trimOptions(options) protected Mengeluarkan kata-kata umum dalam opsi yang ditentukan secara statis. Buat label awalan dan/atau akhiran.
validateOptions(options) protected Memvalidasi struktur data yang akan diproses sebagai daftar opsi.