[blockly] > [FieldDropdown]

FieldDropdown クラス

編集可能なプルダウン フィールドのクラス。

署名:

export declare class FieldDropdown extends Field<string> 

拡張: フィールド<string>

コンストラクタ

コンストラクタ 修飾子 説明
(コンストラクタ)(menuGenerator、validator、config) FieldDropdown クラスの新しいインスタンスを作成します。
(constructor)(menuGenerator) FieldDropdown クラスの新しいインスタンスを作成します。

プロパティ

プロパティ 修飾子 タイプ 説明
ARROW_CHAR static 文字列
clickTarget_ SVGElement | null
IMAGE_Y_OFFSET

protected

static

数値 フィールドの上部から画像の上部までの Y オフセット(画像が選択されている場合)。
IMAGE_Y_PADDING

protected

static

数値 画像の上部と下部の合計垂直パディング。
menu_ protected メニュー | null プルダウン メニュー。
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 の場合は、要素の title、ariaLabel、innerText を返します。

Node.js で HTMLElement オプションを使用してこの関数を呼び出す場合は、jsdom-global などを使用して HTMLElement の実装を提供していることを確認してください。

initView() このプルダウンのブロック UI を作成します。
isOptionListDynamic()
onItemSelected_(menu, menuItem) protected プルダウン メニューのアイテムの選択を処理します。
render_() protected 正しい幅の枠線を描画します。
setOptions(menuGenerator) このプルダウンのオプションを更新します。これにより、選択したアイテムがリスト内の最初のアイテムにリセットされます。
shouldAddBorderRect_() protected プルダウンに境界矩形を追加するかどうか。
showEditor_(e) protected テキストの下にプルダウン メニューを作成します。
trimOptions(options) protected 静的に定義されたオプションで共通の単語を分離します。接頭辞ラベルまたは接尾辞ラベルを作成する。
validateOptions(options) protected オプション リストとして処理されるデータ構造を検証します。