본문으로 건너뛰기

API overview

Gantt methods

NameDescription
Promise프라미스 객체 생성자
addCalendarGantt에 캘린더를 추가합니다
addLink새로운 의존성 링크를 추가합니다
addLinkLayer타임라인 영역의 링크에 대해 커스텀 요소로 구성된 추가 레이어를 표시합니다
addMarker타임라인 영역에 마커를 추가합니다
addShortcut새 키보드 단축키를 추가합니다
addTask새로운 작업을 추가합니다
addTaskLayer타임라인 영역에서 작업에 대한 커스텀 엘리먼트를 포함한 추가 레이어를 표시합니다
adjustTaskHeightForBaselines베이스라인 요소가 올바르게 표시되도록 태스크의 행 높이를 조정합니다
alert알림 메시지 상자 호출
assert지정된 표현식이 거짓인 경우 화면의 오른쪽 상단 모서리에 빨간 팝업으로 errorMessage가 표시됩니다
attachEventdhtmlxGantt의 내부 이벤트에 핸들러를 연결합니다
autoSchedule프로젝트의 일정을 재계산합니다
batchUpdate다수의 작업/링크를 한 번에 업데이트합니다
bind호출될 때 this 키워드가 제공된 값으로 설정되는 새 함수를 생성합니다.
calculateDuration작업의 지속 시간을 계산합니다
calculateEndDate작업의 종료일을 계산합니다
calculateTaskLevel작업의 중첩 수준을 계산합니다
callEvent내부 이벤트를 호출합니다
changeLightboxType작업의 유형에 따라 라이트박스를 다시 렌더링합니다
changeLinkId링크의 ID를 변경합니다
changeTaskId작업의 ID를 변경합니다
checkEvent이벤트에 하나 이상의 핸들러가 지정되어 있는지 확인합니다
clearAll간트 차트에서 모든 작업 및 추가 요소(마커 포함)를 제거합니다
clearRedoStack저장된 redo 명령의 스택을 지웁니다
clearUndoStack저장된 Undo 명령의 스택을 지웁니다
close지정된 ID의 브랜치를 닫습니다
collapseGantt를 전체 화면 모드에서 일반 모드로 축소합니다
columnIndexByDate날짜로 열의 인덱스를 반환합니다
confirm확인 메시지 박스를 호출합니다
copy제공된 객체의 깊은 복사를 생성합니다
correctTaskWorkTime작업 시간 내에서 작업 지속 시간을 재계산합니다
createCalendar작동하는 캘린더를 생성합니다
createDataProcessor새로운 dataProcessor 인스턴스를 생성하고 gantt에 연결합니다
createDatastore제공된 구성에 따라 데이터스토어를 생성합니다
createTask새 작업을 추가하고 확인을 위해 라이트박스를 엽니다
dataProcessorDataProcessor 생성자
dateFromPos차트 영역에서 지정된 수평 위치의 날짜를 가져옵니다
defined제공된 인수가 undefined인 경우 false를 반환하고, 그렇지 않으면 true
deleteCalendarid로 태스크 캘린더를 삭제합니다
deleteLink지정된 의존성 링크를 삭제합니다
deleteMarker지정된 마커를 삭제합니다
deleteTask지정된 작업을 삭제합니다
destructorGantt 인스턴스를 파괴합니다
detachAllEventsdhtmlxGantt에서 모든 이벤트를 분리합니다(사용자 정의 이벤트 및 내부 이벤트 모두)
detachEvent이벤트에 바인딩된 핸들러를 분리합니다(이전에 attachEvent() 메서드로 연결된 경우
eachParent지정된 작업의 모든 상위 작업을 Gantt 차트에서 순회합니다
eachSelectedTask간트 차트에서 선택된 모든 작업을 순회합니다
eachTask특정 작업의 모든 하위 작업 또는 전체 간트 차트의 모든 자식 작업을 순회합니다
eventHTML 요소에 이벤트 핸들러를 연결합니다
eventRemoveHTML 요소에서 이벤트 핸들러를 제거합니다
expand간트 차트를 전체 화면 모드로 확장
exportToExcelGantt 차트에서 데이터를 Excel 문서로 내보냅니다
exportToICalGantt 차트의 데이터를 iCal 문자열로 내보냅니다
exportToJSONGantt 차트의 구조와 데이터를 JSON 객체로 내보냅니다
exportToMSProjectGantt 차트의 데이터를 MS Project로 내보냅니다
exportToPDFGantt 차트를 PDF 형식으로 내보냅니다
exportToPNGPNG 형식으로 간트 차트를 내보냅니다
exporttoprimaverap6간트 차트의 데이터를 Primavera P6로 내보냅니다
findCycles차트에서 모든 의존성 루프를 반환합니다
focusGantt 차트에 포커스를 설정합니다
getCalendarID로 근무 시간 캘린더를 가져옵니다
getCalendarsGantt에 추가된 모든 캘린더를 가져옵니다
getChildren지정된 부모 브랜치의 1단계 자식 작업을 반환합니다
getClosestWorkTime가장 가까운 근무 시간을 반환합니다
getColumnIndex열의 이름으로 열의 인덱스를 반환합니다
getConnectedGroup특정 작업과 연결된 모든 작업 및 링크를 반환합니다
getConstraintLimitations작업에 적용된 제약에 의해 허용되는 가장 이른 날짜와 가장 늦은 날짜를 반환합니다
getConstraintType작업에 적용된 제약 유형을 반환합니다
getDatastore데이터스토어의 구성 객체를 반환합니다
getFreeSlack작업의 자유 여유시간을 반환합니다
getGlobalTaskIndex트리에서 태스크의 인덱스를 가져옵니다
getGridColumn열의 구성 객체를 가져옵니다.
getGridColumns간트 차트의 컬럼을 가져옵니다
getLabel라이트박스의 선택 컨트롤의 레이블을 가져옵니다
getLastSelectedTask마지막으로 선택된 작업의 id를 반환합니다
getLayoutView레이아웃 뷰의 이름으로 해당 객체를 반환합니다
getLightbox라이트박스의 HTML 객체 요소를 가져옵니다
getLightboxSection라이트박스 섹션의 객체를 반환합니다
getLightboxType활성화된 라이트박스의 구조 이름을 반환합니다
getLightboxValues라이트박스의 섹션 값을 반환합니다
getLink지정된 id로 의존성 링크 객체를 반환합니다
getLinkCountGantt 차트에 표시된 모든 의존성 링크의 수를 반환합니다
getLinkNode지정된 의존성 링크의 HTML 요소를 반환합니다
getLinksGantt 차트에 표시된 모든 링크를 반환합니다
getMarker마커의 객체를 가져옵니다
getNext다음 항목의 ID를 반환합니다(중첩 깊이가 얼마나 깊든, 같은 레벨이든 다른 레벨이든 상관없이)
getNextSibling동일 레벨의 다음 작업의 ID를 반환합니다
getParent상위 작업의 ID를 반환합니다
getPrev이전 항목의 ID를 반환합니다(중첩 수준에 관계없이 동일하든 다르든)
getPrevSibling같은 레벨의 이전 작업의 ID를 반환합니다
getRedoStack반환된 스택은 저장된 redo 사용자 작업의 스택을 반환합니다
getResourceAssignments리소스에 할당된 모든 작업을 반환합니다
getResourceCalendar리소스가 할당된 캘린더를 반환합니다
getScale타임스케일의 구성을 반환합니다
getScrollState스크롤 위치를 반환합니다
getSelectedId선택된 작업의 ID를 반환합니다
getSelectedTasks현재 선택된 작업들의 배열을 반환합니다
getShortcutHandler키보드 내비게이션 단축키 핸들러를 가져옵니다
getSiblings지정된 작업의 형제 노드(자신 포함)를 반환합니다
getSlack현재 지속 시간 단위로 작업이 다른 작업에 영향을 주기 시작하기까지 남은 시간을 확인합니다
getStateGantt 차트의 현재 상태를 가져옵니다
getSubtaskDates프로젝트나 다른 작업에 중첩된 작업들의 시작일과 종료일을 합쳐 계산합니다
getSubtaskDuration프로젝트나 다른 작업에 중첩된 작업들의 총 지속 시간을 계산합니다.
getTask작업 객체를 반환합니다
getTaskAssignments데이터 저장소에서 특정 작업의 파싱된 자원 할당을 반환합니다
getTaskBarHeight작업의 DOM 요소 높이를 픽셀 단위로 반환합니다.
getTaskBaselines특정 작업의 베이스라인 배열을 데이터스토어에서 반환합니다
getTaskBy지정된 기준으로 작업을 찾습니다
getTaskByIndex전역 태스크 인덱스로 태스크를 반환합니다
getTaskByTime지정된 기간 동안 발생하는 작업들의 컬렉션을 반환합니다
getTaskByWBSCodeWBS 코드로 작업을 반환합니다
getTaskCalendar지정된 작업에 할당된 달력(작업 수준의 달력)을 가져옵니다
getTaskCount현재 gantt에 로드되어 있는 작업 수를 가져옵니다
getTaskHeight태스크의 화면에 보이는 높이를 반환합니다
getTaskIndex브랜치의 태스크 인덱스를 가져옵니다
getTaskNode작업 바의 HTML 요소를 반환합니다
getTaskPosition타임라인 영역에서 태스크의 DOM 요소의 위치와 크기를 계산합니다
getTaskResources데이터스토어에서 특정 작업에 할당된 고유 자원 배열을 반환합니다
getTaskRowNode테이블의 태스크 행 HTML 요소를 반환합니다
getTaskTop타임라인 영역에서 태스크의 DOM 요소의 상단 위치를 가져옵니다
getTaskType태스크의 유형을 반환합니다
getTotalSlack작업의 총 여유 시간을 반환합니다
getUndoStack저장된 실행 취소 사용자 작업 스택을 반환합니다
getVisibleTaskCount화면에 보이는 작업의 수를 가져옵니다(축소되지 않은 작업만 해당)
getWBSCode작업의 WBS 코드(개요 번호)를 반환합니다
getWorkHours지정된 날짜의 근무 시간을 반환합니다
groupBy지정된 작업의 속성으로 작업을 그룹화합니다
hasChild자식 작업의 수를 반환합니다
hideCover남은 화면과의 상호 작용을 차단하는 라이트박스 모달 오버레이를 숨깁니다
hideLightbox현재 활성화되어 있는 라이트박스를 닫습니다.
hideQuickInfo현재 활성화되어 있을 경우 팝업 작업 폼을 숨깁니다
importFromExcel엑셀S파일을변 형식으로 변환합니다.
importFromMSProjectXML 또는 MPP MS Project 파일을 JSON으로 변환합니다
importfromprimaverap6XML 및 XER Primavera P6 파일을 JSON으로 변환
init컨테이너 안에 dhtmlxGantt를 초기화합니다
isChildOf작업이 다른 작업의 자식인지 여부를 확인합니다
isCircularLink링크가 순환하는지 여부를 확인합니다
isCriticalLink지정된 링크가 중요한지 확인합니다
isCriticalTask지정된 작업이 중요한지 여부를 확인합니다
isLinkAllowed지정된 링크가 올바른지 확인합니다
isLinkExists지정된 링크가 존재하는지 확인합니다
isReadonly지정된 작업/링크 또는 전체 Gantt가 읽기 전용인지 확인합니다
isSelectedTask지정된 작업이 현재 선택되어 있는지 확인합니다
isSplitTask지정된 작업이 분할되었는지 확인
isSummaryTask지정된 작업이 요약인지 확인
isTaskExists지정된 작업이 존재하는지 확인합니다
isTaskVisible지정된 작업이 현재 Gantt 차트에 렌더링되어 있는지 확인합니다
isUnscheduledTask태스크가 미스스케줄 상태인지 확인합니다
isWorkTime지정된 날짜가 근무 시간인지 여부를 확인합니다
load외부 데이터 소스에서 간트 차트로 데이터를 로드합니다
locate지정된 HTML 이벤트에서 작업의 ID를 가져옵니다
mergeCalendars여러 근무 달력을 하나로 병합합니다
message지정된 유형의 메시지 상자를 호출합니다
mixinsource 객체의 속성을 'target' 객체에 추가합니다
modalbox모달박스를 호출합니다
moveTask작업을 새로운 위치로 이동
open지정된 id의 브랜치를 엽니다
parse클라이언트 측 리소스에서 데이터를 로드합니다.
plugins지정된 확장을 활성화합니다
posFromDate차트 영역에서 지정된 날짜의 상대 수평 위치를 가져옵니다
redo되돌린 변경 사항을 간트 차트에 다시 적용합니다
refreshDataGantt 차트의 데이터를 새로 고칩니다
refreshLink지정된 링크를 새로고침합니다
refreshTask태스크와 관련 링크를 새로고침합니다
removeLinkLayer링크와 관련된 특정 레이어를 제거합니다
removeShortcut키보드 단축키를 제거합니다
removeTaskLayer지정된 작업과 관련된 레이어를 제거합니다
render전체 Gantt 차트를 렌더링합니다.
renderMarkers페이지의 모든 마커를 업데이트합니다
resetLayout레이아웃 구성의 현재 값을 사용하여 Gantt 레이아웃을 재구성합니다
resetLightbox현재 lightbox의 HTML object 요소를 제거합니다
resetProjectDates자식 노드의 날짜에 따라 프로젝트 작업의 지속 기간을 재계산합니다
resetSkin관련 첨부 스킨 CSS 파일의 설정을 재계산합니다
resizeLightbox라이트박스의 크기를 재조정합니다
roundDate지정된 날짜를 시간 축의 가장 가까운 날짜로 반올림합니다
roundTaskDates시작 및 종료 작업의 날짜를 타임스케일에서 가장 가까운 날짜로 반올림합니다
scrollLayoutCell레이아웃 뷰를 지정된 위치로 스크롤합니다
scrollToGantt 컨테이너를 지정된 위치로 스크롤합니다
selectTask지정된 작업을 선택합니다
serialize데이터를 JSON 또는 XML 형식으로 직렬화합니다
serverList옵션 목록을 반환합니다
setParent작업의 부모를 설정
setSizesGantt 차트의 크기를 조정합니다
setSkin활성 스킨 설정
setWorkTime간트 차트의 근무 시간을 설정합니다
showCover남은 화면에서의 상호 작용을 차단하는 라이트박스 모달 오버레이를 표시합니다
showDate차트 영역을 스크롤하여 지정된 날짜를 화면에 보이게 합니다
showLightbox지정된 작업의 라이트박스를 엽니다
showQuickInfo지정된 작업의 팝업 작업 양식을 표시합니다
showTask지정된 작업을 화면에 표시합니다
silent그 안의 모든 코드가 내부 이벤트나 서버 측 호출을 트리거하지 않도록 합니다
sort그리드에서 작업을 정렬합니다
toggleTaskSelection지정된 작업이 선택되지 않았다면 선택하고, 그렇지 않으면 해제합니다
uid고유한 ID를 반환합니다
undo간트 차트에서 수행된 변경 사항을 되돌립니다
unselectTask선택된 작업에서 선택을 해제합니다
unsetWorkTimeGantt 차트에서 근무 시간을 해제합니다
updateCollection지정된 컬렉션을 새로운 옵션으로 업데이트합니다
updateLink지정된 의존성 링크를 업데이트합니다
updateMarker지정된 마커를 업데이트합니다
updateTask지정된 태스크를 업데이트합니다
updateTaskAssignments데이터스토어의 리소스 할당 값으로 태스크 객체의 리소스 속성을 업데이트합니다

Gantt properties

NameDescription
auto_scheduling_compatibility작업의 시간 제약 사용 비활성화
auto_scheduling자동 스케줄링 활성화
auto_scheduling_descendant_links부모 작업(프로젝트)에서 자식 작업으로의 링크 생성을 허용하거나 금지합니다
auto_scheduling_initialGantt가 데이터 로딩/파싱 시 자동 스케줄링을 수행할지 여부를 정의합니다
auto_scheduling_move_projects전체 프로젝트가 이동될지 여부를 정의합니다(아래 세부 정보를 참조하십시오)
auto_scheduling_project_constraint작업이 상위 프로젝트의 제약 조건 유형을 상속받아야 하는지 여부를 정의합니다
auto_scheduling_strict자동 스케줄링 모드를 활성화하며, 이 모드에서는 작업이 항상 가능한 가장 이른 날짜로 재스케줄됩니다
auto_scheduling_use_progress스케줄링 알고리즘이 완료된 작업을 처리하는 방식을 설정합니다
auto_types하위 작업을 가진 작업을 자동으로 프로젝트로 변환하고, 하위 작업이 없는 프로젝트를 다시 작업으로 변환합니다
autofit그리드의 너비에 맞춰 그리드의 열을 자동으로 조정합니다
autoscroll현재 브라우저 화면 밖으로 작업이나 링크를 드래그할 때 자동 스크롤을 활성화합니다
autoscroll_speed드래그 중 현재 브라우저 화면 밖으로 태스크나 링크를 이동할 때 자동 스크롤 속도(ms 단위)를 정의합니다
autosizeGantt 차트가 스크롤 없이 모든 작업을 표시하도록 자동으로 크기를 변경하도록 강제합니다
autosize_min_width가로 방향의 'autosize' 모드에서 Gantt 차트가 차지할 수 있는 최소 너비(픽셀 단위)를 설정합니다
bar_height타임라인 영역의 작업 바 높이를 설정합니다
bar_height_padding타임라인에서 bar_height가 "full"로 설정될 때 작업 막대 주위의 여백을 조정합니다
baselines간트 차트에서 기준선의 기능을 구성합니다
branch_loadingGantt 차트에서 동적 로딩을 활성화합니다
branch_loading_property백엔드에서 아직 로드되지 않은 자식이 있는 작업을 지정합니다
buttons_left라이트박스의 좌하단에 위치한 버튼들의 모음 저장
buttons_right라이트박스의 오른쪽 아래 모서리에 위치한 버튼들의 모음을 저장합니다
calendar_property캘린더를 작업/작업 그룹에 바인딩하는 데 영향을 주는 속성의 이름을 변경합니다
cascade_delete중첩된 작업 및 링크의 연쇄 삭제를 활성화합니다
click_drag고급 drag-n-drop 기능 활성화
columns테이블 내 columns 설정
constraint_types가능한 모든 제약 유형 포함
container_resize_methodGantt 차트가 컨테이너의 리사이즈를 시간 간격으로 추적할지 여부를 정의합니다.
container_resize_timeout컨테이너를 크기 조정할 때 간트 차트를 다시 그리기까지의 지연 시간(밀리초 단위)을 지정합니다
correct_work_time드래그하는 동안 작업의 시작일과 종료일을 작업 시간에 맞추어 조정합니다
csp날짜 포맷팅 메서드의 내부 구현 정의
date_format데이터 세트에서 데이터를 파싱하고 서버로 날짜를 다시 보낼 때 사용하는 날짜 형식을 설정합니다
date_grid표의 "Start time" 열에 표시되는 날짜 형식을 설정합니다
date_scale시간 축(X축)의 형식을 설정합니다
deadlines작업의 마감일 요소 표시를 활성화하거나 비활성화합니다
deepcopy_on_parsegantt가 gantt.parse() 메서드에 전달된 데이터 객체를 깊은 복사할지 여부를 정의합니다
details_on_create'+' 버튼을 클릭하여 새 이벤트를 생성할 때 라이트박스가 열리도록 하는 'says'
details_on_dblclick"'says'가 작업을 더블 클릭한 후 라이트박스가 열리도록 합니다"
drag_lightbox헤더로 라이트박스를 드래그할 수 있게 해줍니다
drag_links드래그 앤 드롭으로 의존성 링크를 생성합니다
drag_mode사용 가능한 다양한 드래그 앤 드롭 모드 유형을 포함합니다.
drag_move드래그 앤 드롭으로 작업을 이동할 수 있게 해줍니다
drag_multiple한 번에 여러 선택된 작업을 드래그할 수 있도록 합니다
drag_progress프로그레스 노브를 드래그하여 작업 진행 상황을 변경할 수 있도록 합니다
drag_project프로젝트 타입 항목의 드래그 앤 드롭을 활성화합니다
drag_resize드래그 앤 드롭으로 작업의 크기 조정을 가능하게 합니다
drag_timelinedrag_timeline 확장의 동작 구성
duration_step'duration' 데이터 속성의 한 단위에 대응하는 'gantt.config.duration_unit' 단위의 수를 설정합니다.
duration_unit지속 시간 단위를 설정합니다
dynamic_resource_calendars여러 리소스 달력들을 하나로 자동으로 병합합니다
editable_property읽기 전용 간트 차트에서 작업/링크의 편집 가능성에 영향을 주는 속성의 이름을 변경합니다
editor_types인라인 에디터 정의를 포함하는 객체
end_date시간 척도의 종료 값을 설정합니다
external_render외부 컴포넌트를 DOM에 렌더링합니다
fit_tasks'says'를 통해 Gantt 차트가 표시된 모든 작업에 맞추도록 시간 눈금을 자동으로 확장합니다
grid_elastic_columns스크롤 가능한 그리드 내부의 열 너비를 조정합니다
grid_resize오른쪽 그리드의 경계선을 드래그하여 그리드를 크기 조절 가능하게 만듭니다
grid_resizer_attributegrid resizer의 DOM 요소 속성 이름을 설정합니다
grid_resizer_column_attribute칼럼 리사이저의 DOM 요소 속성 이름을 설정합니다. 이 속성은 열의 인덱스를 나타냅니다
grid_width그리드의 너비를 설정합니다
highlight_critical_path차트에서 크리티컬 경로를 표시합니다
horizontal_scroll_keyShift, Alt, 또는 Meta 키와 마우스 휠을 함께 사용할 때 수평 스크롤이 발생하는지를 제어합니다.
inherit_calendar작업이 요약 상위 부모로부터 근무 캘린더를 상속받을지 여부를 정의합니다
inherit_scale_class하위 스케일이 기본적으로 scale_cell_class 템플릿을 사용할지 여부를 지정합니다
initial_scroll타임라인 영역이 처음에 스크롤되어 가장 이른 작업을 표시하도록 설정합니다
inline_editors_date_processing작업의 시작/종료를 편집하는 동안 작업 기간을 변경하지 않습니다
inline_editors_multiselect_open멀티 태스크 선택이 활성화된 상태에서 작업을 한 번 클릭했을 때 인라인 에디터를 열어야 하는지 여부를 정의합니다
keep_grid_width"'says'는 열의 크기를 조정하는 동안 초기 그리드의 너비를 보존합니다"
keyboard_navigationGantt에서 키보드 내비게이션을 활성화합니다.
keyboard_navigation_cells셀 단위로 키보드 네비게이션 활성화
layer_attribute태스크 레이어의 DOM 요소 속성 이름을 설정합니다
layout레이아웃 객체를 지정합니다
lightbox라이트박스 객체를 지정합니다
lightbox_additional_height라이트박스의 높이를 증가시킵니다
link_arrow_size링크 화살표의 크기를 설정합니다
link_attribute링크의 HTML 요소의 id를 지정할 속성의 이름을 설정합니다
link_line_width타임라인 영역의 의존성 링크 두께를 설정합니다
link_radius타임라인에서 링크 선의 모서리 반경을 설정합니다
link_wrapper_width링크 위의 클릭에 민감한 영역의 너비를 설정합니다
links링크 의존성 유형을 저장합니다
min_column_width타임라인 영역의 열 최소 너비를 설정합니다
min_duration태스크를 리사이징하는 동안 설정될 수 있는 최소 지속 시간(밀리초 단위)을 설정합니다.
min_grid_column_width그리드의 크기가 조정될 때 각 그리드 열의 최소 너비를 설정합니다(픽셀 단위)
min_task_grid_row_height리사이징 중 태스크에 대해 설정될 수 있는 최소 행 높이를 설정합니다
multiselect간트 차트에서 다중 작업 선택을 활성화/비활성화합니다
multiselect_one_level다중 작업 선택이 하나의 레벨 내에서 가능할지 아니면 모든 레벨에서 가능할지 여부를 지정합니다
open_split_tasks더하기/빼기 버튼을 클릭하여 분할 작업을 확장/축소할 수 있는 기능을 활성화합니다
open_tree_initially처음에 모든 브랜치를 엽니다
order_branch동일한 트리 레벨 내에서 작업을 세로로 재배열하는 'branch' 모드를 활성화합니다.
order_branch_free전체 간트 차트에서 작업을 재정렬할 수 있도록 하는 'branch' 모드 활성화
placeholder_task키보드로 작업 편집을 간소화하기 위해 작업 목록 끝에 빈 행을 추가합니다
preserve_scroll간트 차트를 다시 그리는 동안 세로 및 가로 스크롤의 현재 위치를 유지합니다
prevent_default_scrollgantt 컨테이너가 마우스휠 이벤트를 차단해야 하는지, 아니면 윈도우 요소로 상위로 전파되어야 하는지 여부를 지정합니다.
process_resource_assignments리소스 할당의 구문 분석 활성화/비활성화
project_end프로젝트의 종료 날짜를 지정합니다
project_start프로젝트의 시작 날짜를 지정합니다
quick_info_detached화면의 왼쪽/오른쪽에서 나타나거나 선택된 작업 근처에서 나타날지 정의합니다
quickinfo_buttons팝업 작업의 세부 정보 양식에 위치한 버튼들의 모음을 저장합니다
readonly읽기 전용 모드를 Gantt 차트에 활성화합니다
readonly_property작업/링크의 읽기 전용 동작에 영향을 주는 속성의 이름을 변경합니다
redo간트 차트의 Redo 기능 활성화합니다
reorder_grid_columns드래그 앤 드롭으로 그리드 열의 순서를 재정렬하는 기능을 활성화합니다
resize_rows드래그 앤 드롭으로 행 높이를 조절할 수 있게 해줍니다
resource_assignment_store자원 할당을 저장하는 dataStore의 이름을 지정합니다
resource_attributeGantt가 리소스 그리드/타임라인의 작업 행이 어떤 리소스를 참조하는지 찾는 데 사용하는 속성의 이름을 변경합니다
resource_calendars특정 리소스(예: 사용자)에게 할당할 수 있는 근무 일정 캘린더의 집합을 정의합니다.
resource_propertyresourceGrid/Timeline/Histogram/Calendar와 연결된 리소스 ID를 저장하는 작업 객체의 속성을 정의합니다
resource_render_empty_cells리소스 타임라인이 비할당 셀에 대해 요소를 렌더링하고 템플릿을 호출하도록 지시합니다
resource_storeresourceGrid/resourceTimeline/resourceHistogram 뷰에 연결된 dataStore의 이름을 지정합니다
resources리소스 저장소에 대한 추가 구성을 정의합니다
root_id가상 루트 요소의 ID를 설정합니다
round_dnd_dates작업의 시작일과 종료일을 가장 가까운 scale marks로 반올림하도록 활성화합니다
row_height테이블의 행 기본 높이를 설정합니다
rtl간트 차트를 오른쪽에서 왼쪽(RTL) 모드로 전환합니다
scale_height타임 스케일의 높이와 그리드의 헤더를 설정합니다
scale_offset_minimal다중 스케일이 사용되는 경우 최소 스케일 단위를 시작/종료 빈 공간의 간격으로 설정합니다
scale_unit시간 축의 단위를 설정합니다 (X축)
scales타임 스케일 구성을 설정합니다.
schedule_from_end역방향 스케줄링 활성화
scroll_on_click선택된 작업을 표시하기 위해 타임라인 영역이 스크롤될지 여부를 지정합니다
scroll_size세로(너비) 및 가로(높이) 스크롤의 크기를 설정합니다
select_taskGantt 차트에서 작업을 선택할 수 있도록 해줍니다
server_utc서버 측 날짜를 UTC에서 로컬 시간대로 변환하고(그 반대 방향으로도) 서버로 데이터를 전송하는 동안 이를 활성화합니다
show_chartGantt 차트의 차트(타임라인) 영역을 표시합니다
show_empty_state그리드가 비어 있을 때 플레이스홀더 요소를 그리드 내부에 표시할지 여부를 정의합니다
show_errors예기치 않은 동작이 발생할 경우 오류 알림 표시를 활성화합니다
show_gridGantt 차트의 그리드 영역을 표시합니다
show_linksGantt 차트에서 링크 표시를 활성화/비활성화합니다
show_markers페이지에서 마커를 표시하거나 숨깁니다
show_progress작업 바 내에서 진행 상황을 표시할 수 있습니다.
show_quick_info'quick_info' 확장을 활성화/비활성화합니다(팝업 작업의 세부 양식)
show_task_cells차트 영역에서 열 경계 표시를 활성화/비활성화합니다
show_tasks_outside_timescale지정된 날짜 범위를 벗어난 작업을 Gantt 차트에 표시합니다
show_unscheduled날짜가 지정되지 않은 작업 표시를 활성화합니다
skip_off_time타임스케일에서 비근무 시간을 숨깁니다
smart_renderinggantt의 작업 및 링크 렌더링에 대한 스마트 렌더링 모드를 활성화합니다
smart_scales화면에 보이는 타임스케일 부분만 렌더링됩니다
sort테이블에서 정렬을 활성화합니다
start_date타임 스케일의 시작 값을 설정합니다
start_on_monday주간의 시작 요일을 설정합니다
static_background타임라인 영역용 백그라운드 이미지를 생성하되 실제 열과 행의 선을 렌더링하지 않습니다
static_background_cellsstatic_background 모드에서 강조 표시된 셀의 렌더링을 활성화합니다
step시간 축의 눈금 간격을 설정합니다 (X축)
task_attribute태스크의 HTML 요소 ID를 지정할 속성의 이름을 설정합니다
task_date라이트박스의 'Time period' 섹션에 표시되는 날짜 레이블의 형식을 설정합니다
task_grid_row_resizer_attribute그리드 행의 리사이저 DOM 요소 속성의 이름을 설정합니다. 이 속성은 행의 인덱스를 나타냅니다
task_height타임라인 영역에서 작업 바의 높이를 설정합니다
task_scroll_offset타임라인에서 왼쪽 경계로부터 가장 가까운 작업의 오프셋(픽셀 단위)을 설정합니다
time_pickerlightbox에서 시간 드롭다운 셀렉터의 포맷을 설정
time_step작업의 시간 값에 대한 최소 단위(분)를 설정합니다.
timeline_placeholder빈 타임라인에서 배경 격자를 표시합니다
tooltip_hide_timeout밀리초 단위로 tooltip이 사라지기까지의 시간 길이를 설정합니다
tooltip_offset_x툴팁 위치의 오른쪽 오프셋(양수일 경우)을 설정합니다
tooltip_offset_y툴팁 위치의 위쪽 오프셋을 설정합니다(양수일 때)
tooltip_timeout작업에 대한 툴팁이 표시되기까지의 타임아웃을 밀리초 단위로 설정합니다
touchGantt 차트의 터치 지원을 활성화/비활성화합니다.
touch_drag긴 터치 제스처를 스크롤 제스처와 구분하는 데 사용되는 밀리초 단위의 시간 기간을 정의합니다.
touch_feedback터치 기기에서 드래그 앤 드롭 전후의 진동 피드백 반환
touch_feedback_duration터치 디바이스에서 드래그 앤 드롭 전후의 진동 피드백 지속 시간을 밀리초 단위로 정의합니다
type_renderers다양한 유형의 작업을 표시하는 함수를 재정의합니다
types라이트박스 구조의 이름을 저장합니다(다양한 작업 유형에 사용)
undogantt의 Undo 기능을 활성화합니다
undo_actionsUndo 작업이 되돌릴 액션을 설정합니다
undo_stepsundo 메서드로 되돌려져야 하는 단계의 수를 설정합니다
undo_typesUndo 작업이 적용될 엔터티 유형을 설정합니다.
wai_aria_attributesWAI-ARIA 지원을 활성화하여 컴포넌트가 스크린 리더에 의해 올바르게 인식될 수 있도록 합니다.
wheel_scroll_sensitivity마우스 휠로 간트 차트를 스크롤하는 속도를 지정합니다
wide_form섹션과 그 레이블을 같은 줄에 함께 설정합니다
work_time작업 시간으로 작업의 지속 시간을 계산하도록 활성화
xml_date데이터 세트에서 데이터를 파싱하고 서버로 데이터를 보낼 때 사용되는 날짜 형식을 정의합니다

Gantt events

NameDescription
onAfterAutoSchedule자동 일정이 완료될 때 실행됩니다
onAfterBatchUpdatebatchUpdate 메서드가 호출된 직후에 발생합니다 batchUpdate 참조
onAfterBranchLoading동적 로딩이 활성화되면, 페이지에 작업 브랜치가 로드된 후에 발생합니다
onAfterLightbox사용자가 라이트박스(편집 양식)를 닫은 직후 발생합니다
onAfterLinkAdd새 링크가 Gantt 차트에 추가된 직후 발생합니다
onAfterLinkDelete사용자가 링크를 삭제한 후에 발생합니다
onAfterLinkUpdate사용자가 링크를 업데이트한 후에 발생합니다
onAfterQuickInfo팝업 편집 양식이 닫힌 후에 발생합니다
onAfterRedoredo() 메서드가 호출된 직후 발생합니다
onAfterRowResize행 높이 조정이 완료된 후 발생합니다
onAfterSort그리드에서 작업이 정렬된 후 발생합니다
onAfterTaskAdd사용자가 Gantt 차트에 작업을 추가한 직후 발생합니다
onAfterTaskAutoSchedule자동 스케줄링된 모든 작업에 대해 트리거됩니다.
onAfterTaskDelete사용자가 작업을 삭제한 후 발생합니다
onAfterTaskDrag사용자가 드래그를 완료하고 마우스 버튼을 놓은 직후에 발생합니다
onAfterTaskMove작업이 새로운 수직 위치로 이동된 후에 발생합니다
onAfterTaskUpdate사용자가 작업을 업데이트한 후에 발생합니다
onAfterUndoundo() 메서드가 호출된 직후에 발생합니다
onAjaxError서버가 오류를 반환할 때 발생합니다
onAutoScheduleCircularLink자동 스케줄링 중 의존성 루프가 발견되면 발생합니다
onBeforeAutoSchedule자동 스케줄링 이전에 트리거됩니다
onBeforeBatchUpdatebatchUpdate 메서드가 호출되기 전에 실행됩니다
onBeforeBranchLoading동적 로딩이 활성화된 경우, 사용자가 작업 분기를 확장한 후 로딩이 시작되기 전에 발생합니다
onBeforeCollapseGantt가 전체 화면 모드를 종료하고 일반 모드로 돌아갑니다
onBeforeDataRender페이지에 데이터가 렌더링되기 전에 실행됩니다
onBeforeExpandgantt가 전체 화면으로 확장되기 전에 발생합니다
onBeforeGanttReadydhtmlxGantt 초기화가 시작되기 전에 트리거됩니다
onBeforeGanttRender페이지에 Gantt 차트가 렌더링되기 전에 실행됩니다
onBeforeLightbox사용자가 lightbox(편집 양식)를 열기 직전에 바로 발생합니다
onBeforeLinkAdd새로운 링크가 Gantt 차트에 추가되기 전에 발생합니다
onBeforeLinkDelete사용자가 링크를 삭제하기 전에 발생합니다
onBeforeLinkDisplay링크가 간트 차트에 로드된 후 표시되기 전에 발생합니다
onBeforeLinkUpdate링의가 업데이트되기 전에 발생합니다
onBeforeMultiSelect작업 하나 또는 여러 작업 범위를 선택하기 전에 발생합니다
onBeforeParse데이터 구문 분석이 시작되기 전에 실행됩니다
onBeforeRedoredo() 메서드가 호출되기 전에 발생합니다
onBeforeRedoStackredo 스택에 액션이 추가되기 전에 발생합니다
onBeforeRollupTaskDisplay롤업 태스크가 상위 프로젝트에 표시되기 전에 발생합니다
onBeforeRowDragEnd사용자가 그리드에 행을 드롭할 때 발생합니다
onBeforeRowDragMove그리드의 행이 수직으로 다른 위치로 드래그되기 전에 발생합니다
onBeforeRowResize사용자가 드래그 앤 드롭으로 행 높이 조정 시작하기 전에 발생합니다
onBeforeRowResizeEnd행 높이의 크기 조정이 완료되기 전에 발생합니다
onBeforeSplitTaskDisplayGantt 차트에 분할 작업의 일부가 표시되기 전에 발생합니다
onBeforeTaskAddGantt 차트에 새 작업이 추가되기 전에 발생합니다
onBeforeTaskAutoSchedule재스케줄링되는 각 작업에 대해 발생합니다
onBeforeTaskChanged사용자가 드래그를 마치고 마우스 버튼을 놓은 직후이지만 변경이 적용되기 전
onBeforeTaskDelete사용자가 작업을 삭제하기 전에 발생합니다
onBeforeTaskDisplay작업이 Gantt 차트에 로드된 직후에 실행되지만, 화면에 표시되기 전 단계에서 발생합니다
onBeforeTaskDrag사용자가 마우스 버튼을 누르고 드래깅을 시작했지만, dhtmlxGantt가 드래그 앤 드롭 작동을 시작하기 전 시점에 발생합니다
onBeforeTaskMove작업이 새로운 세로 위치로 이동하기 전에 발생합니다
onBeforeTaskMultiSelect태스크 선택 상태가 변경되기 전에 실행됩니다(작업이 선택되거나 해제될 때)
onBeforeTaskSelected사용자가 태스크를 선택하기 전에 발생합니다
onBeforeTaskUpdate사용자가 작업을 업데이트하기 전에 발생합니다
onBeforeUndoundo() 메서드가 호출되기 전에 발생합니다
onBeforeUndoStackUndo 스택에 작업이 추가되기 전에 발생합니다.
onCircularLinkError순환 참조가 감지되었고 자동 스케줄링이 불가능할 때 발생합니다
onClear간트 차트에서 모든 작업이 clearAll 메서드로 제거된 후에 발생합니다.
onCollapse간트 차트가 전체 화면 모드에서 일반 모드로 돌아올 때 발생합니다
onColumnResize사용자가 열의 경계선을 드래그하여 열의 너비를 조정할 때 발생합니다
onColumnResizeEnd사용자가 열의 경계선을 드래그하여 열의 크기를 조정한 후 발생합니다
onColumnResizeStart사용자가 열의 경계를 끌어 열의 크기를 조정하기 시작하기 전에 발생합니다
onContextMenuGantt 차트 안에서 사용자가 마우스 오른쪽 버튼을 클릭할 때 발생합니다(세부 정보 참조)
onDataProcessorReadydp.init(gantt) 호출 시 발생
onDataRender페이지에 데이터가 렌더링된 후에 발생합니다
onDestroygantt가 소멸자 메서드에 의해 정리된 후 호출됩니다
onEmptyClick사용자가 Gantt 차트의 빈 공간(작업이 아닌 곳)을 클릭할 때 발생합니다
onErrorassert가 'false' 값을 받을 때 발생하며, 즉 단정이 실패할 때
onExpand간트가 전체 화면으로 확장될 때 발생합니다
onGanttLayoutReadyGantt 레이아웃이 준비된 직후에 발생하지만 렌더링되기 전
onGanttReadydhtmlxGantt 초기화가 완료되었지만 Gantt 차트가 아직 페이지에 렌더링되지 않았습니다
onGanttRender페이지에서 Gantt 차트가 렌더링된 후에 발생합니다
onGanttScrollGantt 차트가 특정 지점으로 스크롤될 때 발생합니다
onGridHeaderClick사용자가 그리드의 헤더를 클릭할 때 발생합니다
onGridResize사용자가 그리드의 경계를 드래그하여 그리드의 크기를 조정할 때 발생합니다
onGridResizeEnd사용자가 그리드의 경계선을 드래그하여 그리드의 크기를 조정한 직후 실행됩니다
onGridResizeStart사용자가 그리드의 경계선을 드래그하여 그리드의 크기를 조정하기 시작하기 전에 발생합니다
onLightbox사용자가 라이트박스(편집 양식)를 연 직후에 발생합니다
onLightboxButton사용자가 라이트박스의 커스텀 버튼을 클릭할 때 발생
onLightboxCancel라이트박스에서 사용자가 '취소' 버튼을 클릭할 때 발생합니다
onLightboxChange라이트박스의 구조가 변경될 때 발생합니다
onLightboxDelete사용자가 라이트박스의 'Delete' 버튼을 클릭할 때 발생합니다
onLightboxSave사용자가 라이트박스에서 '저장' 버튼을 클릭할 때 트리거됩니다.
onLinkClick사용자가 링크를 클릭할 때 발생합니다.
onLinkCreated사용자가 작업 간에 새로운 링크를 생성할 때 발생합니다
onLinkDblClick사용자가 링크를 더블 클릭할 때 발생
onLinkIdChange링크의 id가 변경될 때 발생합니다
onLinkValidation사용자가 새 링크를 추가하고 dhtmlxGantt가 링크의 유효성을 검사할 때 발생합니다
onLoadEnd데이터 소스에서 데이터를 로드한 후 완료되었을 때 발생합니다
onLoadStart데이터 소스에서 데이터 로딩이 시작되기 직전에 발생합니다
onMouseMove마우스가 gantt 컨테이너 위로 움직일 때 발생합니다
onMultiSelect하나의 작업 또는 여러 작업 범위의 선택이 완료된 후에 발생합니다
onOptionsLoad서버에서 옵션 모음이 로드된 직후에 발생하지만 아직 파싱되지 않았습니다
onParse데이터를 파싱한 직후(API에서 사용할 수 있게 된 상태이지만) Gantt 차트에 렌더링되기 전
onQuickInfo팝업 편집 양식이 나타날 때 발생합니다
onRowDragEnd그리드에서 사용자가 수직으로 재정렬된 행을 드래그해 놓은 직후에 발생합니다
onRowDragStart사용자가 그리드의 행을 수직으로 재정렬하기 위해 드래그하기 전에 발생합니다
onRowResize사용자가 행의 경계선을 드래그하여 행 높이를 조정할 때 발생합니다
onScaleAdjusted스케일이 다시 렌더링되어 모든 작업이 완전히 보이도록 할 때 발생하는 이벤트
onScaleClick타임 스케일의 셀을 사용자가 클릭할 때 발생합니다
onTaskClick그리드 영역의 작업 행을 클릭하거나(확장/축소 버튼 및 '작업 추가' 버튼 포함) 타임라인 영역의 작업 바를 클릭할 때 발생합니다
onTaskClosed브랜치가 닫힐 때 실행됩니다
onTaskCreated그리드에서 '+' 버튼을 눌러 사용자가 새 작업을 만들거나, createTask 메서드가 호출될 때 발생합니다
onTaskDblClick사용자 작업을 더블 클릭할 때 발생합니다
onTaskDrag사용자가 작업을 드래그할 때 발생합니다
onTaskIdChange작업의 ID가 변경될 때 발생합니다
onTaskLoading데이터 소스에서 작업이 로드될 때 발생합니다
onTaskMultiSelect작업 선택 상태가 변경된 직후에 발생합니다(해당 작업이 선택되었거나 해제되었습니다)
onTaskOpened브랜치가 열렸을 때 트리거됩니다
onTaskRowClick사용자가 표의 행을 클릭할 때 발생합니다
onTaskSelected사용자가 작업을 선택할 때 발생합니다
onTaskUnselected사용자가 다른 작업을 선택하여 작업의 선택을 해제할 때 발생합니다
onTemplatesReadydhtmlxGantt 템플릿이 초기화될 때 실행됩니다

Gantt templates

NameDescription
baseline_textbaseline 요소 내부에 표시되는 텍스트를 지정합니다
date_grid그리드에서 날짜를 표시하는 열의 내용을 지정합니다(Date 값을 반환)
drag_link_class사용자가 링크를 드래그할 때 표시되는 팝업에 적용될 CSS 클래스를 지정합니다.
drag_link사용자가 새로운 의존성 링크를 만들 때 표시되는 툴팁의 텍스트를 지정합니다
format_date날짜 객체를 날짜 문자열로 변환합니다. 서버로 데이터를 다시 보내는 데 사용됩니다
grid_blank트리 열의 자식 아이템의 레이블 앞에 삽입되는 사용자 정의 컨텐츠를 지정합니다
grid_date_format날짜를 표시하는 열의 날짜 형식을 지정합니다( Date 값을 반환합니다)
grid_file트리 열의 자식 항목 아이콘을 지정합니다
grid_folder트리 열의 상위 아이콘을 지정합니다
grid_header_class표의 열 헤더에 적용될 CSS 클래스를 지정합니다
grid_indent트리 열에서 브랜치의 자식 아이템 들여쓰기 지정
grid_open트리 열의 열림/닫힘 기호 아이콘을 지정합니다
grid_row_class그리드 행에 적용될 CSS 클래스를 지정합니다
histogram_cell_allocatedresourceHistogram에서 채워진 영역의 높이를 정의합니다
histogram_cell_capacity리소스의 사용 가능 용량을 정의하는 선의 높이를 지정합니다
histogram_cell_class리소스 패널의 셀에 적용되는 CSS 클래스 정의
histogram_cell_label셀 안의 레이블 정의
leftside_text왼쪽 사이드의 작업 바에 할당될 텍스트를 지정합니다
lightbox_header라이트박스의 헤더를 지정합니다
link_class링크가 적용될 CSS 클래스를 지정합니다
link_description링크의 "삭제" 확인 창의 헤더에 표시될 텍스트를 지정합니다
marker_class마커에 적용될 CSS 클래스를 지정합니다
parse_date날짜 문자열을 Date 객체로 변환합니다
progress_text작업 바의 완료 부분에 표시될 텍스트를 지정합니다
quick_info_class팝업 편집 양식에 적용될 CSS 클래스 지정
quick_info_content팝업 편집 양식의 내용을 지정합니다
quick_info_date팝업 편집 양식의 날짜를 지정합니다
quick_info_title팝업 편집 양식의 제목을 지정합니다
resource_cell_class자원 타임라인 셀의 셀에 적용되는 CSS 클래스 이름을 정의합니다
resource_cell_value리소스 타임라인 셀의 HTML 콘텐츠를 정의합니다
rightside_text오른쪽 사이드의 태스크 바에 할당될 텍스트를 지정합니다
scale_cell_class타임라인 영역의 시간 눈금 셀에 적용될 CSS 클래스를 지정합니다
scale_row_class시간 축에 적용될 CSS 클래스를 지정합니다
task_class작업 바에 적용될 CSS 클래스를 지정합니다
task_date라이트박스의 'Time period' 섹션에 표시될 레이블의 날짜 형식을 지정합니다
task_end_date라이트박스에서 작업 종료 날짜의 형식을 지정합니다
task_row_class타임라인 영역의 행에 적용될 CSS 클래스를 지정합니다
task_text작업 바의 텍스트와 라이트박스의 헤더를 지정합니다
task_time라이트박스의 헤더에 표시될 날짜 기간을 지정합니다
task_unscheduled_time일정하지 않은 작업의 날짜를 지정합니다
timeline_cell_class타임라인 영역의 셀에 적용될 CSS 클래스를 지정합니다
timeline_cell_content타임라인 셀에서 사용자 정의 HTML 콘텐츠를 지정합니다
time_picker라이트박스에서 드롭다운 시간 선택기의 형식을 지정합니다
tooltip_date_format툴팁에 표시되는 시작일과 종료일의 형식을 지정합니다
tooltip_text툴팁의 텍스트를 지정합니다
xml_dateXML 파일의 문자열이 이 템플릿에 따라 날짜 객체로 변환됩니다
xml_format이 템플릿에 따라 날짜 객체가 문자열로 변환되며, 서버로 데이터를 전송하는 데 사용됩니다

Gantt others

NameDescription
$click간트 차트의 버튼에 대한 기본 클릭 동작을 재정의합니다
ajaxGantt Ajax 모듈
calendar작업 캘린더 객체의 인터페이스
config날짜, 스케일, 컨트롤에 대한 구성 옵션 정의
constants코드에서 매직 넘버 사용을 줄이기 위해 다양한 상수를 저장합니다
dataprocessordataprocessor 메서드 모음
datastore데이터스토어 메서드 모음
date날짜 포맷 메서드 모음
env현재 환경을 설명하는 플래그들의 집합
ext다양한 확장 기능을 저장하는 객체
form_blocksLightbox 컨트롤의 객체
i18n간트 차트 지역화를 위한 메서드 모음
ignore_time시간 축에서 시간 단위를 숨깁니다
jsonJSON 직렬화 및 구문 분석을 지정합니다
keysGantt 차트의 핫키를 정의합니다
licensedhtmlxGantt의 라이선스 이름을 반환합니다
localeGantt 차트의 현재 로케일 객체(지역별 레이블)
oldxmldhtmlxGantt 1.0의 XML 형식으로의 직렬화 및 구문 분석을 지정합니다
skin현재 간트 차트의 스킨을 반환합니다
skins사용 가능한 스킨의 객체를 반환합니다
templates간트 차트에서 날짜, 제목, 툴팁의 포맷 템플릿을 정의합니다
treeDatastoretreeDatastore 메서드 모음
utils다양한 헬퍼 모듈들
versiondhtmlxGantt의 버전을 반환합니다
xmlXML 직렬화 및 구문 분석을 지정합니다
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.