ToolboxCategory 클래스
도구 상자의 카테고리 클래스입니다.
Signature:
export declare class ToolboxCategory extends ToolboxItem implements ISelectableToolboxItem
확장: ToolboxItem
생성자
| 생성자 | 수정자 | 설명 |
|---|---|---|
| (생성자)(categoryDef, parentToolbox, opt_parent) | ToolboxCategory 클래스의 새 인스턴스를 구성합니다. |
속성
| 속성 | 수정자 | 유형 | 설명 |
|---|---|---|---|
| borderWidth | static |
숫자 | 각 카테고리 옆에 있는 색상 스트립의 너비(픽셀)입니다. |
| colour_ | protected |
string | 카테고리의 색상입니다. |
| cssConfig_ | protected |
CssConfig | |
| defaultBackgroundColour | static |
string | 카테고리의 기본 색상입니다. 선택 시 카테고리의 배경 색상으로 사용됩니다. |
| flyoutItems_ | protected |
문자열 | FlyoutItemInfoArray | 이 카테고리의 플라이아웃 항목입니다. |
| htmlDiv_ | protected |
HTMLDivElement | null | 카테고리의 HTML 컨테이너입니다. |
| iconDom_ | protected |
요소 | null | 도구 상자 아이콘의 HTML 요소. |
| isDisabled_ | protected |
boolean | 이 카테고리가 사용 중지된 경우 true, 그렇지 않은 경우 false입니다. |
| isHidden_ | protected |
boolean | 카테고리를 숨겨야 할 경우 true, 그렇지 않은 경우 false입니다. |
| labelDom_ | protected |
요소 | null | 도구 상자 라벨의 HTML 요소. |
| name_ | protected |
string | 카테고리에 표시될 이름입니다. |
| nestedPadding | static |
숫자 | 각 중첩 수준에서 카테고리를 이동할 픽셀 수입니다. |
| registrationName | static |
string | 도구 상자 카테고리를 등록하는 데 사용되는 이름입니다. |
| rowContents_ | protected |
HTMLDivElement | null | 카테고리 행의 하위 요소를 포함하는 HTML 요소입니다. |
| rowDiv_ | protected |
HTMLDivElement | null | 카테고리 행의 HTML 요소. |
| toolboxItemDef_ | CategoryInfo |
방법
| 메서드 | 수정자 | 설명 |
|---|---|---|
| addColourBorder_(colour) | protected |
도구 상자 카테고리에 색상 스트립을 추가합니다. |
| allAncestorsExpanded_() | protected |
카테고리의 모든 상위 항목 (상위 항목과 상위 항목의 상위 항목 등)의 확장 여부입니다. |
| closeIcon_(iconDiv) | protected |
닫힌 아이콘을 표시하는 적절한 클래스를 추가합니다. |
| createContainer_() | protected |
행과 하위 카테고리를 포함하는 컨테이너를 만듭니다. |
| createDom_() | protected |
카테고리의 DOM을 만듭니다. |
| createIconDom_() | protected |
카테고리 아이콘을 포함하는 스팬을 만듭니다. |
| createLabelDom_(name) | protected |
카테고리 라벨을 포함하는 스팬을 만듭니다. 접근성을 위한 ID가 있어야 합니다. |
| createRowContainer_() | protected |
콘텐츠 컨테이너의 상위 요소를 만듭니다. 모든 클릭이 이 div에서 발생합니다. |
| createRowContentsContainer_() | protected |
라벨 및 아이콘의 컨테이너를 만듭니다. 이는 모든 하위 카테고리 포인터 이벤트를 none으로 설정하기 위해 필요합니다. |
| dispose() | ||
| getClickTarget() | 클릭 가능한 HTML 요소를 가져옵니다. 상위 도구 상자 요소에서 클릭이 발생합니다. 상위 도구 상자는 이 요소에 ID를 추가하여 onClick 이벤트를 올바른 toolboxItem에 전달할 수 있습니다. | |
| getColour_(categoryDef) | protected |
카테고리의 색상이나 스타일을 가져옵니다. |
| getContents() | 카테고리의 콘텐츠를 가져옵니다. 플라이아웃에 표시되어야 하는 항목입니다. | |
| getDiv()를 | ||
| getName() | 카테고리의 이름을 가져옵니다. 이벤트를 방출하는 데 사용됩니다. | |
| getParent() | ||
| 숨김 | 카테고리를 숨깁니다. | |
| init() | 도구 상자 항목을 초기화합니다. 여기에는 DOM을 만들고 정보 객체를 기반으로 모든 항목의 상태를 업데이트하는 작업이 포함됩니다. 카테고리 콘텐츠가 올바르게 파싱되도록 하려면 도구 상자 항목을 생성한 직후 init을 호출해야 합니다. | |
| isSelectable() | ||
| isVisible() | 카테고리의 표시 여부입니다. 카테고리는 모든 상위 항목이 펼쳐지고 isHidden_이 false인 경우에만 표시됩니다. | |
| makeDefaultCssConfig_() | protected |
카테고리의 기본 클래스를 포함하는 객체를 만듭니다. |
| onClick(_e) | 도구 상자 항목을 클릭하면 처리됩니다. | |
| openIcon_(iconDiv) | protected |
열린 아이콘을 표시할 적절한 클래스를 추가합니다. |
| parseCategoryDef_(categoryDef) | protected |
카테고리 정의의 콘텐츠가 아닌 부분을 파싱합니다. |
| parseContents_(categoryDef) | protected |
카테고리가 동적 카테고리인지 또는 콘텐츠가 플라이아웃에 표시되어야 하는지 여부에 따라 콘텐츠 배열을 파싱합니다. |
| refreshTheme() | 이 카테고리의 색상을 업데이트합니다. | |
| setDisabled(isDisabled) | 카테고리의 사용 중지 여부를 설정합니다. | |
| setSelected(isSelected) | 현재 카테고리를 선택된 상태로 설정합니다. | |
| setVisible_(isVisible) | 카테고리의 표시 여부를 설정합니다. 카테고리가 표시되려면 상위 카테고리도 확장되어야 합니다. | |
| show()를 호출합니다. | 카테고리를 표시합니다. 카테고리는 상위 카테고리도 확장된 경우에만 표시됩니다. | |
| updateFlyoutContents(contents) | 플라이아웃에 표시할 콘텐츠를 업데이트합니다. 콘텐츠가 업데이트될 때 플라이아웃이 열려 있으면 도구 상자의 refreshSelection도 호출해야 합니다. |