차단 > 도구 상자

도구 상자 클래스

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

서명:

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

확장: DeleteArea

구현: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

생성자

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

속성

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

메서드

메서드	수정자	설명
addToolboxItem_(toolboxItem)	protected	도구 상자에 항목을 추가합니다.
attachEvents_(container, contentContainer)	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)		지정된 단축키를 처리합니다.
position()		가로 도구상자인지, 작업공간이 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	커서 위에 있는 블록이나 풍선이 드롭될 경우 삭제될 것으로 예상되는지 여부에 따라 (내부 this.expectedDelete_ 속성 사용) 커서의 CSS 스타일을 도구 상자 위에 추가하거나 삭제합니다.
updateFlyout_(oldItem, newItem) (기존 항목, 새 항목)	protected	선택한 항목에 따라 플라이아웃을 숨길지 또는 표시할지 결정합니다.
updateWouldDelete_(wouldDelete)	protected	내부 willDelete_ 상태를 업데이트합니다.
wouldDelete(element)		이 영역에 드롭되면 제공된 블록 또는 풍선이 삭제될지 여부를 반환합니다. 이 메서드는 요소가 삭제 가능한지, 항상 onDragEnter/onDragOver/onDragExit 전에 호출되는지 확인해야 합니다.