blockly > FieldDropdown

Lớp FieldDropdown

Lớp cho trường thả xuống có thể chỉnh sửa.

Chữ ký:

export declare class FieldDropdown extends Field<string> 

Mở rộng: Trường<string>

Hàm khởi tạo

Hàm dựng Đối tượng sửa đổi Mô tả
(constructor)(menuGenerator, validator, config) Tạo một thực thể mới của lớp FieldDropdown
(constructor)(menuGenerator) Tạo một thực thể mới của lớp FieldDropdown

Thuộc tính

Thuộc tính Đối tượng sửa đổi Loại Mô tả
ARROW_CHAR static chuỗi
clickTarget_ SVGElement | null
IMAGE_Y_OFFSET

protected

static

số Độ dời y từ đầu trường đến đầu hình ảnh, nếu bạn chọn hình ảnh.
IMAGE_Y_PADDING

protected

static

số Tổng khoảng đệm dọc ở phía trên và phía dưới hình ảnh.
menu_ protected Trình đơn | null Trình đơn thả xuống.
menuGenerator_? protected MenuGenerator (Không bắt buộc)
DẤU PHÂN CHIA

static

readonly

(chưa khai báo) Hằng số ma thuật dùng để biểu thị dòng phân cách trong danh sách các mục thả xuống.
SERIALIZABLE boolean Trình chuyển đổi tuần tự sẽ lưu các trường có thể chuyển đổi tuần tự, còn các trường không thể chuyển đổi tuần tự thì không. Các trường có thể chỉnh sửa cũng phải có thể chuyển đổi tuần tự.

Phương thức

Phương thức Đối tượng sửa đổi Mô tả
applyColour() Cập nhật mũi tên trình đơn thả xuống cho phù hợp với màu/kiểu của khối.
createSVGArrow_() protected Tạo một mũi tên dựa trên SVG.
createTextArrow_() protected Tạo mũi tên dựa trên tspan.
doClassValidation_(newValue) protected Đảm bảo rằng giá trị nhập là một tuỳ chọn trung lập về ngôn ngữ hợp lệ.
doClassValidation_(newValue) protected
doValueUpdate_(newValue) protected Cập nhật giá trị của trường thả xuống này.
dropdownDispose_() protected Xoá các sự kiện và tệp tham chiếu DOM thuộc trình chỉnh sửa trình đơn thả xuống.
getOptions(useCache) Trả về danh sách các tuỳ chọn cho trình đơn thả xuống này.
getText_() protected

Sử dụng trình bổ trợ dành cho nhà phát triển getText_ để ghi đè cách trình bày văn bản của trường. Lấy văn bản của tuỳ chọn đã chọn. Nếu tuỳ chọn được chọn là hình ảnh, chúng tôi sẽ trả về văn bản thay thế cho hình ảnh. Nếu tuỳ chọn đã chọn là HTMLElement, hãy trả về title, ariaLabel hoặc innerText của phần tử.

Nếu bạn sử dụng các tuỳ chọn HTMLElement trong Node.js và gọi hàm này, hãy đảm bảo rằng bạn đang cung cấp phương thức triển khai HTMLElement, chẳng hạn như thông qua jsdom-global.

initView() Tạo giao diện người dùng khối cho trình đơn thả xuống này.
isOptionListDynamic()
onItemSelected_(menu, menuItem) protected Xử lý việc chọn một mục trong trình đơn thả xuống.
render_() protected Vẽ đường viền có chiều rộng chính xác.
setOptions(menuGenerator) Cập nhật các tuỳ chọn trong trình đơn thả xuống này. Thao tác này sẽ đặt lại mục đã chọn về mục đầu tiên trong danh sách.
shouldAddBorderRect_() protected Liệu trình đơn thả xuống có nên thêm một hình chữ nhật đường viền hay không.
showEditor_(e) protected Tạo trình đơn thả xuống bên dưới văn bản.
trimOptions(options) protected Loại bỏ các từ phổ biến trong các tuỳ chọn được xác định tĩnh. Tạo nhãn tiền tố và/hoặc hậu tố.
validateOptions(options) protected Xác thực cấu trúc dữ liệu sẽ được xử lý dưới dạng danh sách tuỳ chọn.