Toolbar 메서드 개요

정보

parse() 메서드를 사용하여 Toolbar의 데이터를 조작할 수 있습니다.

다음과 같은 Suite의 Toolbar 메서드를 사용할 수 있습니다:

이름	설명
disable()	Toolbar의 항목을 비활성화하고 흐리게 표시합니다
enable()	Toolbar의 비활성화된 항목을 활성화합니다
getSelected()	선택된 항목의 ID로 이루어진 배열을 반환합니다
getState()	컨트롤의 현재 값/상태를 가져옵니다
hide()	Toolbar의 항목을 숨깁니다
isDisabled()	Toolbar의 항목이 비활성화되어 있는지 확인합니다
isSelected()	지정된 Toolbar 항목이 선택되어 있는지 확인합니다
paint()	페이지에서 Toolbar를 다시 그립니다
select()	지정된 Toolbar 항목을 선택합니다
setFocus()	ID를 기준으로 Input 컨트롤에 포커스를 설정합니다
setState()	컨트롤의 값/상태를 설정합니다
show()	Toolbar의 항목을 표시합니다
unselect()	선택된 Toolbar 항목의 선택을 해제합니다

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        toolbar: true
    }
});
// "file" 항목을 비활성화합니다
editor.toolbar.disable("$file");
// "file" 및 "scale" 항목을 비활성화합니다
editor.toolbar.disable(["$file", "$scale"]);
// 모든 항목을 비활성화합니다
editor.toolbar.disable();

TreeCollection 메서드 개요

다음과 같은 Suite의 TreeCollection 메서드를 사용할 수 있습니다:

이름	설명
add()	컴포넌트에 항목을 추가합니다
canCopy()	컨트롤을 다른 컨트롤로 복사할 수 있는지 확인합니다
copy()	항목의 복사본을 추가하고 지정된 위치에 배치합니다
eachChild()	컨트롤의 하위 항목을 순회합니다
eachParent()	모든 상위 항목을 순회합니다(직속 상위 항목과 그 상위 항목 등, 상위 항목이 컴포넌트 자체가 될 때까지)
exists()	지정된 항목이 컴포넌트에 존재하는지 확인합니다
filter()	특정 기준에 따라 컨트롤을 필터링합니다
forEach()	트리 컬렉션의 모든 항목을 순회합니다
getFilters()	적용된 필터가 포함된 객체를 반환합니다
getId()	항목의 ID를 가져옵니다
getIndex()	항목의 현재 위치를 가져옵니다
getItem()	ID를 기준으로 항목을 가져옵니다
getItems()	컨트롤의 하위 항목을 가져옵니다
getLength()	컨트롤의 하위 항목 수를 셉니다
getParent()	컨트롤의 상위 항목 ID를 가져옵니다
getRoot()	마스터 컴포넌트의 ID를 반환합니다
haveItems()	항목에 하위 항목이 있는지 확인합니다
move()	항목을 다른 위치로 이동합니다
refreshItems()	컨트롤의 하위 항목을 새로 고칩니다
remove()	항목을 제거합니다
removeAll()	컴포넌트에서 모든 컨트롤을 지웁니다
resetFilter()	활성 필터를 재설정합니다
restoreOrder()	컴포넌트를 정렬/필터링 이전 상태로 복원합니다
save()	트리 컬렉션에서 변경된 내용을 서버 측에 저장합니다
serialize()	컴포넌트 데이터를 JSON, XML 또는 CSV 형식으로 직렬화합니다
sort()	특정 기준에 따라 컨트롤을 정렬합니다
update()	항목을 변경합니다

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        toolbar: true
    }
});
// 모든 toolbar 항목을 제거합니다
editor.toolbar.data.removeAll();