blockly > FieldDropdown

FieldDropdown 클래스

수정 가능한 드롭다운 필드의 클래스입니다.

서명:

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 메뉴 | null 드롭다운 메뉴
menuGenerator_? protected MenuGenerator (선택사항)
구분자

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 옵션 목록으로 처리할 데이터 구조를 검증합니다.