blockly > 도구 상자

도구 상자 클래스

도구 상자의 클래스입니다. 도구 상자의 DOM을 만듭니다.

Signature:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox 

확장: DeleteArea

구현: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

생성자

생성자	수정자	설명
(생성자)(작업공간)		Toolbox 클래스의 새 인스턴스를 구성합니다.

속성

속성	수정자	유형	설명
boundEvents_	protected	browserEvents.Data[]	이벤트 핸들러를 바인딩 해제하는 데 필요한 정보를 보유하는 배열입니다. 폐기에 사용됩니다. 예: [[node, name, actionc], [node, name, permissionc]].
contentMap_	protected	{ [key: string]: IToolboxItem; }
contents_	protected	IToolboxItem[]	도구 상자의 항목 목록입니다.
contentsDiv_	protected	HTMLDivElement | null	도구 상자의 콘텐츠를 위한 HTML 컨테이너입니다.
height_	protected	숫자	도구 상자의 높이입니다.
HtmlDiv		HTMLDivElement | null	도구 상자의 HTML 컨테이너입니다.
id		string	ComponentManager에 등록하는 데 사용되는 이 구성요소의 고유 ID입니다.
isVisible_	protected	boolean	도구 상자의 표시 여부입니다.
previouslySelectedItem_	protected	ISelectableToolboxItem | null	이전에 선택한 항목입니다.
RTL		boolean
selectedItem_	protected	ISelectableToolboxItem | null	현재 선택된 항목입니다.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	숫자	도구 상자의 너비입니다.
workspace_	protected readonly	WorkspaceSvg	이 도구 상자가 위치한 작업공간입니다.

방법

메서드	수정자	설명
addToolboxItem_(toolboxItem)	protected	도구 상자에 항목을 추가합니다.
연결 이벤트_(컨테이너, 콘텐츠 컨테이너)	protected	도구 상자 컨테이너 div에 이벤트 리스너를 추가합니다.
autoHide(onlyClosePopups)		구성요소를 숨깁니다. WorkspaceSvg.hideChaff에서 호출됩니다.
clearSelection()		이전에 선택한 항목을 강조표시 해제합니다.
createContainer_()	protected	도구 상자의 컨테이너 div를 만듭니다.
createContentsContainer_()	protected	도구 상자의 모든 콘텐츠를 위한 컨테이너를 만듭니다.
createDom_(workspace)	protected	도구 상자의 DOM을 만듭니다.
createFlyout_()	protected	도구 상자 레이아웃을 기반으로 플라이아웃을 만듭니다.
deselectItem_(item)	protected	주어진 항목을 선택 해제하고, 선택되지 않은 것으로 표시하고, ARIA 상태를 업데이트합니다.
dispose()		이 도구 상자를 폐기합니다.
getClientRect()		표시 영역을 기준으로 드래그 대상 영역의 경계 직사각형을 픽셀 단위로 반환합니다.
getFlyout()		도구 상자 플라이아웃을 가져옵니다.
getHeight()		도구 상자의 높이를 가져옵니다.
getPreviouslySelectedItem()		이전에 선택한 항목을 가져옵니다.
getSelectedItem()		선택한 항목을 가져옵니다.
getToolboxItemById(id)		지정된 ID가 있는 도구 상자 항목을 가져옵니다.
getToolboxItems()		도구 상자의 항목을 가져옵니다.
getWidth()		도구 상자의 너비를 가져옵니다.
getWorkspace()		도구 상자의 작업공간을 가져옵니다.
init()		도구 상자 초기화
isHorizontal()		도구 상자가 가로인지 여부를 가져옵니다.
onClick_(e)	protected	도구 상자 또는 도구 상자 항목을 클릭할 때의 클릭 이벤트를 처리합니다.
onDragEnter(_dragElement)		블록 또는 풍선이 있는 커서가 이 드래그 타겟으로 들어올 때 처리합니다.
onDragExit(_dragElement)		블록 또는 도움말 풍선이 있는 커서가 이 드래그 대상을 종료하는 경우를 처리합니다.
onDrop(_dragElement)		이 구성요소에 블록이나 도움말 풍선이 드롭되면 처리됩니다. 여기에서 삭제를 처리하면 안 됩니다.
onKeyDown_(e)	protected	도구 상자의 키 다운 이벤트를 처리합니다.
onShortcut(_shortcut)		지정된 단축키를 처리합니다.
위치()		가로 도구 상자인지, 작업공간이 RTL 형식인지 여부에 따라 도구 상자의 위치를 지정합니다.
refreshSelection()		플라이아웃의 콘텐츠를 닫지 않고 업데이트합니다. 변수나 절차와 같이 동적 카테고리 중 하나가 변경될 때 사용해야 합니다.
renderContents_(toolboxDef)	protected	모든 도구 상자 항목을 도구 상자에 추가합니다.
selectItem_(oldItem, newItem)(선택 항목, 새 항목)	protected	지정된 항목을 선택하여 선택된 항목으로 표시하고 ARIA 상태를 업데이트합니다.
selectItemByPosition(position)		도구 상자 항목 목록에서의 위치를 기준으로 도구 상자 항목을 선택합니다.
setSelectedItem(newItem)		지정된 항목을 선택된 것으로 설정합니다. 항목을 선택할 수 없는 경우 작동하지 않습니다.
setVisible(isVisible)		도구 상자를 표시하거나 숨깁니다.
shouldDeselectItem_(oldItem, newItem)	protected	이전 항목의 선택 해제 여부를 결정합니다.
shouldSelectItem_(oldItem, newItem)	protected	새 항목을 선택해야 하는지 결정합니다.
updateCursorDeleteStyle_(addStyle)	protected	도구 상자 위에 있는 커서의 CSS 스타일을 추가하거나 삭제합니다. 이때 내부 this.stayDelete_ 속성을 사용하여 도구 상자 위에 있는 블록이나 풍선을 떨어뜨릴 경우 삭제될 것으로 예상됩니다.
updateFlyout_(oldItem, newItem)	protected	선택한 항목에 따라 플라이아웃을 숨기거나 표시할지 결정합니다.
updateWouldDelete_(wouldDelete)	protected	내부 willDelete_ 상태를 업데이트합니다.
wouldDelete(element, _couldConnect)		이 영역에 드롭할 경우 제공된 블록 또는 도움말 풍선을 삭제할지 여부를 반환합니다. 이 메서드는 요소가 삭제 가능한지 확인하고 항상 onDragEnter/onDragOver/onDragExit 전에 호출됩니다.