blockly > FieldDropdown

FieldDropdown 類別

可編輯下拉式選單欄位的類別。

Signature:

export declare class FieldDropdown extends Field<string> 

擴充: 欄位<string>

建構函式

建構函式 修飾符 說明
(建構函式)(menuGenerator、validator、config) 建構 FieldDropdown 類別的新例項
(建構函式)(menuGenerator) 建構 FieldDropdown 類別的新例項

屬性

屬性 修飾符 類型 說明
ARROW_CHAR static 字串
clickTarget_ SVGElement | null
IMAGE_Y_OFFSET

protected

static

數字 如果選取圖片,則是從欄位頂端到圖片頂端的 y 軸偏移值。
IMAGE_Y_PADDING

protected

static

數字 圖片上方和下方的總垂直邊框間距。
menu_ protected Menu | 空值 下拉式選單。
menuGenerator_? protected MenuGenerator (選用)
SEPARATOR

static

readonly

(未宣告) 用於表示下拉式選單項目清單中的分隔符號的魔術常數。
SERIALIZABLE 布林值 序列化器會儲存可序列化的欄位,而非可序列化的欄位則不會。可編輯的欄位也應可序列化。

方法

方法 修飾符 說明
applyColour() 更新下拉式箭頭,讓箭頭與區塊的顏色/樣式相符。
createSVGArrow_() protected 建立以 SVG 為基礎的箭頭。
createTextArrow_() protected 建立以 tspan 為基礎的箭頭。
doClassValidation_(newValue) protected 請確認輸入值是有效的語言中立選項。
doClassValidation_(newValue) protected
doValueUpdate_(newValue) protected 更新下拉式選單欄位的值。
dropdownDispose_() protected 處置屬於下拉式編輯器的事件和 DOM 參照。
getOptions(useCache) 傳回這個下拉式選單的選項清單。
getText_() protected

使用 getText_ 開發人員掛鉤來覆寫欄位的文字表示法。取得所選選項的文字。如果選取的選項是圖片,我們會傳回圖片替代文字。如果所選選項為 HTMLElement,請傳回元素的標題、ariaLabel 或 innerText。

如果您在 Node.js 中使用 HTMLElement 選項並呼叫此函式,請務必提供 HTMLElement 的實作項目,例如透過 jsdom-global。

initView() 建立這個下拉式選單的區塊 UI。
isOptionListDynamic()
onItemSelected_(menu, menuItem) protected 處理下拉式選單中項目的選取作業。
render_() protected 繪製正確寬度的邊框。
setOptions(menuGenerator) 更新這個下拉式選單的選項。這會將所選項目重設為清單中的第一個項目。
shouldAddBorderRect_() protected 下拉式選單是否應新增邊框矩形。
showEditor_(e) protected 在文字下方建立下拉式選單。
trimOptions(options) protected 在靜態定義的選項中找出常見字詞。建立前置字串和/或後置字串標籤。
validateOptions(options) protected 驗證要當做選項清單處理的資料結構。