API overview
Gantt methods
| Name | Description |
|---|---|
| Promise | Promise 객체를 생성하는 생성자 |
| addCalendar | Gantt 차트에 캘린더를 삽입합니다. |
| addLink | 새로운 의존성 링크를 추가합니다 |
| addLinkLayer | 타임라인 영역에 링크를 위한 커스텀 요소를 포함하는 추가 레이어를 표시합니다 |
| addMarker | 타임라인 영역에 마커를 추가합니다 |
| addShortcut | 새로운 키보드 단축키를 추가합니다. |
| addTask | 새 작업 추가 |
| addTaskLayer | 타임라인 영역에 작업에 대한 사용자 정의 요소를 표시하는 추가 레이어를 보여줍니다 |
| adjustTaskHeightForBaselines | 작업의 행 높이를 조정하여 baseline 요소가 올바르게 표시되도록 합니다. |
| alert | 알림 메시지 박스를 호출합니다. |
| assert | 주어진 표현식이 false일 경우, 화면 오른쪽 상단에 빨간색 팝업으로 errorMessage가 표시됩니다. |
| attachEvent | DhtmlxGantt의 내부 이벤트에 핸들러를 연결합니다. |
| autoSchedule | 프로젝트 일정을 자동으로 업데이트합니다 |
| batchUpdate | 여러 작업/링크를 한 번에 업데이트합니다 |
| bind | 지정된 값으로 this 키워드가 설정된 새 함수를 생성합니다. |
| calculateDuration | 작업의 길이를 계산합니다 |
| calculateEndDate | 작업의 종료 날짜를 계산합니다 |
| calculateTaskLevel | 작업이 계층 구조 내에서 얼마나 깊게 중첩되어 있는지 계산합니다. |
| callEvent | 내부 이벤트를 트리거합니다 |
| changeLightboxType | 작업의 유형에 따라 라이트박스를 업데이트합니다. |
| changeLinkId | 링크의 id를 업데이트합니다 |
| changeTaskId | 작업의 id를 업데이트합니다 |
| checkEvent | 지정된 이벤트에 할당된 핸들러가 있는지 확인합니다 |
| clearAll | Gantt 차트에서 모든 작업과 마커와 같은 추가 요소를 제거합니다. |
| clearRedoStack | Redo 명령을 저장하는 스택을 초기화합니다. |
| clearUndoStack | 저장된 undo 명령어 스택을 초기화합니다. |
| close | 주어진 id로 식별되는 브랜치를 닫습니다. |
| collapse | 간트 뷰를 전체 화면 모드에서 일반 모드로 전환합니다. |
| columnIndexByDate | 주어진 날짜에 해당하는 컬럼의 인덱스를 제공합니다. |
| confirm | Confirm 메시지 박스를 표시합니다 |
| copy | 주어진 객체의 깊은 복사본을 생성합니다. |
| correctTaskWorkTime | 작업 시간을 기준으로 작업 기간을 재계산합니다 |
| createCalendar | 기능성 캘린더를 설정합니다 |
| createDataProcessor | 새로운 dataProcessor 인스턴스를 생성하고 gantt 차트에 연결합니다 |
| createDatastore | 주어진 구성(configuration)을 기반으로 datastore를 생성합니다. |
| createTask | 새로운 작업을 추가하고 라이트박스를 열어 확인합니 다 |
| dataProcessor | DataProcessor 생성자 |
| dateFromPos | 차트 영역 내 주어진 가로 위치에 해당하는 날짜를 가져옵니다 |
| defined | 주어진 인자가 undefined일 경우 false를 반환하며, 그렇지 않으면 true를 반환합니다. |
| deleteCalendar | 아이디를 사용하여 작업 캘린더를 삭제합니다. |
| deleteLink | 지정된 종속 링크를 제거합니다. |
| deleteMarker | 지정된 마커를 제거합니다 |
| deleteTask | 지정된 작업을 제거합니다 |
| destructor | 간트 인스턴스를 정리합니다 |
| detachAllEvents | DhtmlxGantt에서 모든 이벤트를 제거합니다 (커스텀 이벤트와 내장 이벤트 모두 포함) |
| detachEvent | 이전에 attachEvent() 메서드를 통해 추가된 이벤트 핸들러를 제거합니다. |
| eachParent | 주어진 작업의 모든 상위 작업들을 간트 차트에서 반복 처리합니다. |
| eachSelectedTask | 간트 차트에서 선택된 모든 작업을 순회합니다. |
| eachTask | 특정 태스크나 전체 간트 차트의 모든 하위 태스크를 순회합니다 |
| event | HTML 요소에 이벤트 핸들러를 설정합니다 |
| eventRemove | 지정된 HTML 요소에서 이벤트 핸들러를 제거합니다. |
| expand | 간트 차트를 전체 화면 모드로 전환하여 화면 전체 공간을 차지하도록 합니다. |
| exportToExcel | Gantt 차트의 데이터를 Excel 파일로 내보냅니다. |
| exportToICal | Gantt 차트의 데이터를 iCal 문자열로 내보냅니다. |
| exportToJSON | Gantt 차트의 구조와 데이터를 포함하는 JSON 객체를 생성합니다. |
| exportToMSProject | Gantt 차트의 데이터를 MS Project로 내보냅니다. |
| exportToPDF | Gantt 차트를 PDF 파일로 내보냅니다. |
| exportToPNG | Gantt 차트를 PNG 이미지로 내보냅니다. |
| exporttoprimaverap6 | Gantt 차트의 데이터를 Primavera P6로 내보냅니다. |
| findCycles | 차트 내에서 발견된 모든 의존성 루프를 반환합니다. |
| focus | 간트에 focus를 활성화합니다. |
| getCalendar | 아이디로 작업 시간 캘린더를 조회합니다 |
| getCalendars | 현재 Gantt에 추가된 모든 캘린더를 가져옵니다. |
| getChildren | 주어진 부모 브랜치의 직속 자식 작업들을 가져옵니다. |
| getClosestWorkTime | 가장 가까운 작업 시간을 반환합니다 |
| getColumnIndex | 컬럼 이름을 기준으로 컬럼의 위치를 반환합니다. |
| getConnectedGroup | 특정 작업에 연결된 모든 작업과 링크를 반환합니다. |
| getConstraintLimitations | 작업에 적용된 제약 조건에 의해 허용되는 가장 이른 날짜와 가장 늦은 날짜를 반환합니다. |
| getConstraintType | 작업에 적용된 제약 조건 유형을 반환합니다. |
| getDatastore | 데이터스토어의 구성 객체를 반환합니다. |
| getFreeSlack | 작업의 free slack을 반환합니다 |
| getGlobalTaskIndex | 트리 전체에서 작업의 위치를 찾습니다. |
| getGridColumn | 특정 열에 대한 구성 객체를 가져옵니다 |
| getGridColumns | 간트 차트의 컬럼을 가져옵니다 |
| getLabel | 라이트박스 내 select 컨트롤의 라벨을 가져옵니다. |
| getLastSelectedTask | 가장 최근에 선택된 작업의 ID를 제공합니다 |
| getLayoutView | 이름으로 레이아웃 뷰 객체를 가져옵니다 |
| getLightbox | 라이트박스의 HTML 요소를 가져옵니다 |
| getLightboxSection | 라이트박스 섹션의 객체를 반환합니다. |
| getLightboxType | 현재 활성화된 라이트박스 구조의 이름을 제공합니다 |
| getLightboxValues | 라이트박스 섹션에서 값을 가져옵니다 |
| getLink | 주어진 id를 사용하여 dependency link 객체를 가져옵니다. |
| getLinkCount | 현재 간트 차트에 표시된 의존성 링크의 개수를 반환합니다. |
| getLinkNode | 지정된 의존성 링크에 해당하는 HTML 요소를 가져옵니다. |
| getLinks | 간트 차트에 표시된 모든 링크를 가져옵니다 |
| getMarker | 마커의 객체를 가져옵니다 |
| getNext | 중첩 레벨에 상관없이, 동일하거나 다른 항목이든 다 음 항목의 id를 제공합니다. |
| getNextSibling | 동일 레벨에서 다음 작업의 id를 제공합니다 |
| getParent | 부모 작업의 id를 가져옵니다 |
| getPrev | 이전 항목의 id를 가져옵니다. 이때 항목의 중첩 레벨에 상관없이 동일한 레벨이든 다른 레벨이든 관계없습니다. |
| getPrevSibling | 같은 레벨에 있는 이전 작업의 id를 가져옵니다 |
| getRedoStack | 저장된 redo 사용자 작업 스택을 제공합니다. |
| getResourceAssignments | 지정된 리소스에 연결된 모든 작업을 반환합니다. |
| getResourceCalendar | 특정 리소스에 할당된 캘린더를 가져옵니다. |
| getScale | 현재 설정된 타임 스케일 구성을 반환합니다. |
| getScrollState | 현재 스크롤 위치를 가져옵니다 |
| getSelectedId | 현재 선택된 작업의 id를 제공합니다 |
| getSelectedTasks | 현재 선택된 작업들의 배열을 반환합니다. |
| getShortcutHandler | 키 내비게이션 단축키에 대한 핸들러 함수를 가져옵니다. |
| getSiblings | 주어진 작업과 그 작업 자체를 포함하는 형제 작업들을 제공합니다. |
| getSlack | 현재 기간 단위로 작업이 다른 작업에 영향을 미치기 전까지 남은 시간을 결정합니다. |
| getState | 간트 차트의 현재 상태를 가져옵니다 |
| getSubtaskDates | 프로젝트나 다른 작업에 중첩된 작업들의 시작일과 종료일을 합산하여 계산합니다. |
| getSubtaskDuration | 프로젝트나 다른 작업 내에 중첩된 작업들의 총 지속 시간을 계산합니다. |
| getTask | 작업 객체를 반환합니다 |
| getTaskAssignments | 특정 작업에 대한 파싱된 리소스 할당 정보를 데이터스토어에서 가져옵니다. |
| getTaskBarHeight | 작업의 DOM 요소 높이(픽셀 단위)를 제공합니다. |
| getTaskBaselines | 특정 작업과 연관된 베이스라인 배열을 데이터스토어에서 가져옵니다. |
| getTaskBy | 주어진 기준에 따라 작업을 조회합니다. |
| getTaskByIndex | 글로벌 작업 인덱스를 기준으로 작업을 반환합니다. |
| getTaskByTime | 지정된 기간 내에 발생하는 작업 목록을 가져옵니다. |
| getTaskByWBSCode | WBS 코드에 기반하여 작업을 반환합니다. |
| getTaskCalendar | 특정 작업에 연결된 캘린더(작업 수준에서 설정된 캘린더)를 가져옵니다. |
| getTaskCount | 현재 간트 차트에 로드된 총 작업 수를 반환합니다. |
| getTaskHeight | 작업의 보이는 높이를 제공합니다. |
| getTaskIndex | 작업이 속한 브랜치 내에서 작업의 위치를 가져옵니다. |
| getTaskNode | 작업 바에 해당하는 HTML 요소를 가져옵니다 |
| getTaskPosition | 타임라인 영역 내에서 작업의 DOM 요소 위치와 크기를 계산합니다. |
| getTaskResources | 특정 작업에 할당된 고유한 리소스 목록을 데이터스토어에서 가져옵니다. |
| getTaskRowNode | 테이블에서 작업 행을 나타내는 HTML 요소를 반환합니다 |
| getTaskTop | 타임라인 영역 내에서 작업의 DOM 요소의 상단 위치를 가져옵니다. |
| getTaskType | 작업의 유형을 반환합니다 |
| getTotalSlack | 작업의 총 slack을 반환합니 다. |
| getUndoStack | 사용자가 수행한 undo 작업들의 스택을 제공합니다 |
| getVisibleTaskCount | 현재 화면에 표시되는 태스크의 개수를 반환합니다 (접힌 태스크는 제외) |
| getWBSCode | 작업의 WBS 코드(개요 번호)를 반환합니다. |
| getWorkHours | 지정한 날짜의 근무 시간을 제공합니다. |
| groupBy | 특정 작업 속성을 기준으로 작업을 그룹화합니다. |
| hasChild | 자식 작업의 개수를 제공합니다 |
| hideCover | 화면의 나머지 부분과의 상호작용을 방해하는 라이트박스 모달 오버레이를 제거합니다. |
| hideLightbox | 라이트박스가 열려 있을 경우 이를 닫습니다. |
| hideQuickInfo | 현재 열려 있는 경우 팝업 작업 폼을 숨깁니다 |
| importFromExcel | 엑셀 파일을 JSON 형식으로 변환합니다. |
| importFromMSProject | MS Project 파일(XML 또는 MPP 형식)을 JSON으로 변환합니다. |
| importfromprimaverap6 | XML 또는 XER 형식의 Primavera P6 파일을 JSON 형식으로 변환합니다. |
| init | 지정된 컨테이너 내에 dhtmlxGantt를 설정합니다. |
| isChildOf | 특정 작업이 다른 작업의 자식인지 여부를 결정합니다. |
| isCircularLink | 링크가 순환하는지 확인합니다. |
| isCriticalLink | 주어진 링크가 크리티컬한지 여부를 판단합니다 |
| isCriticalTask | 주어진 작업이 크리티컬한지 확인합니다 |
| isLinkAllowed | 지정된 링크가 유효한지 확인합니다. |
| isLinkExists | 주어진 링크가 존재하는지 확인합니다 |
| isReadonly | 주어진 작업, 링크 또는 전체 Gantt 차트가 읽기 전용으로 설정되어 있는지 여부를 결정합니다. |
| isSelectedTask | 지정된 작업이 현재 선택되어 있는지 확인합니다. |
| isSplitTask | 주어진 작업이 분할된 작업인지 여부를 결정합니다. |
| isSummaryTask | 주어진 작업이 요약 작업인지 확인합니다. |
| isTaskExists | 주어진 ID를 가진 태스크가 존재하는지 확인합니다. |
| isTaskVisible | 지정된 작업이 현재 간트 차트에 표 시되고 있는지 여부를 결정합니다. |
| isUnscheduledTask | 작업이 unscheduled인지 확인합니다. |
| isWorkTime | 주어진 날짜가 근무 시간 내에 해당하는지 판단합니다. |
| load | 외부 소스에서 Gantt 차트로 데이터를 로드합니다. |
| locate | 주어진 HTML 이벤트를 기반으로 작업의 id를 가져옵니다 |
| mergeCalendars | 여러 작업 캘린더를 하나의 캘린더로 결합합니다. |
| message | 주어진 타입의 message 박스를 엽니다. |
| mixin | 'source' 객체의 속성을 'target' 객체에 병합합니다. |
| modalbox | 모달박스를 엽니다 |
| moveTask | 작업을 다른 위치로 이동합니다. |
| open | 주어진 id로 식별된 브랜치를 open합니다. |
| parse | 클라이언트 측 리소스에서 데이터를 로드합니다 |
| plugins | 지정된 확장 기능을 활성화합니다. |
| posFromDate | 차트 영역 내 특정 날짜의 상대적인 가로 위치를 가져옵니다 |
| redo | 간트에서 이전에 실행 취소된 변경사항을 다시 적용합니다. |
| refreshData | 간트 차트의 데이터를 새로 고침합니다. |
| refreshLink | 지정된 링크를 업데이트합니다 |
| refreshTask | 작업과 관련된 링크를 업데이트합니다. |
| removeLinkLayer | 링크와 관련된 지정된 레이어를 제거합니다 |
| removeShortcut | 키보드 단축키를 제거합니다 |
| removeTaskLayer | 특정 작업과 연관된 레이어를 제거합니다 |
| render | 전체 간트 차트를 그립니다. |
| renderMarkers | 페이지에 표시된 모든 마커를 새로 고칩니다 |
| resetLayout | 현재 레이아웃 구성에 따라 Gantt 레이아웃을 재구성합니다 |
| resetLightbox | 현재 라이트박스의 HTML 객체 요소를 제거합니다. |
| resetProjectDates | 하위 작업들의 날짜를 기준으로 프로젝트 작업의 기간을 재계산합니다 |
| resetSkin | 연결된 skin CSS 파일을 기반으로 skin 설정을 재계산합니다. |
| resizeLightbox | 라이트박스 크기를 강제로 조정합니다 |
| roundDate | 주어진 날짜를 시간 단위에 따라 가장 가까운 날짜로 반올림합니다. |
| roundTaskDates | 작업의 시작일과 종료일을 타임라인 스케일의 가장 가까운 날짜에 맞춰 조정합니다. |
| scrollLayoutCell | 레이아웃 뷰를 지정된 위치로 이동합니다 |
| scrollTo | Gantt 컨테이너를 지정된 위치로 스크롤합니다 |
| selectTask | 지정된 태스크를 선택합니다 |
| serialize | 데이터를 JSON 또는 XML 형식으로 변환합니다. |
| serverList | 옵션 목록을 반환합니다 |
| setParent | 작업에 부모를 할당합니다 |
| setSizes | 간트 차트의 크기를 조정합니다 |
| setSkin | 활성 스킨을 변경합니다 |
| setWorkTime | 간트 차트의 작업 시간을 설정합니다. |
| showCover | 화면의 나머지 부분과의 상호작용을 차단하는 라이트박스 모달 오버레이를 표시합니다. |
| showDate | 차트 영역을 스크롤하여 지정된 날짜를 보이도 록 합니다. |
| showLightbox | 지정된 작업에 대해 라이트박스를 엽니다 |
| showQuickInfo | 주어진 작업에 대해 팝업 작업 폼을 엽니다 |
| showTask | 지정한 작업을 화면에 표시합니다 |
| silent | 코드 내부에서 발생하는 어떠한 내부 이벤트나 서버 측 호출이 트리거되지 않도록 방지합니다. |
| sort | 그리드 내 작업을 정렬합니다 |
| toggleTaskSelection | 지정된 작업의 선택 상태를 전환합니다 - 선택되지 않은 경우 선택하고, 이미 선택된 경우 선택 해제합니다. |
| uid | 고유한 id를 반환합니다 |
| undo | 간트에서 수행된 변경 사항을 되돌립니다. |
| unselectTask | 선택된 작업에서 선택을 제거합니다 |
| unsetWorkTime | Gantt 차트에서 작업 시간 설정을 제거합니다. |
| updateCollection | 지정된 컬렉션을 새로운 옵션으로 업데이트합니다. |
| updateLink | 지정된 의존성 링크를 업데이트합니다. |
| updateMarker | 지정된 마커를 새로 고침합니다 |
| updateTask | 지정된 태스크를 업데이트합니다 |
| updateTaskAssignments | 현재 데이터스토어에 저장된 리소스 할당 정보를 기반으로 작업 객체의 resource 속성을 업데이트합니다. |
Gantt properties
| Name | Description |
|---|---|
| auto_scheduling_compatibility | 작업의 시간 제약 조건 사용을 끕니다 |
| auto_scheduling | 자동 스케줄링 활성화 |
| auto_scheduling_descendant_links | 상위 작업(프로젝트)에서 하위 작업으로 링크를 생성할 수 있는지 여부를 제어합니다. |
| auto_scheduling_initial | 데이터가 로드되거나 파싱될 때 간트가 자동 스케줄링을 수행할지 여부를 정의합니다. |
| auto_scheduling_move_projects | 스케줄링 시 전체 프로젝트가 이동할지 여부를 정의합니다 (자세한 내용은 아래 참조). |
| auto_scheduling_project_constraint | 작업이 상위 프로젝트로부터 제약 조건 유형을 상속받을지 여부를 제어합니다. |
| auto_scheduling_strict | 작업이 매번 가능한 가장 빠른 날짜로 다시 일정이 조정되는 자동 스케줄링 모드를 활성화합니다. |
| auto_scheduling_use_progress | 완료된 작업을 스케줄링 알고리즘에서 처리하는 방식을 설정합니다. |
| auto_types | 하위 작업이 있는 작업을 자동으로 프로젝트로 전환하고, 하위 작업이 없는 프로젝트를 다시 작업으로 변환합니다. |
| autofit | 그리드의 너비에 맞게 그리드의 열 크기를 자동으로 조정합니다 |
| autoscroll | Gantt 차트에서 작업(task)이나 링크(link)를 브라우저의 보이는 영역 밖으로 드래그할 때 자동으로 스크롤되도록 허용합니다. |
| autoscroll_speed | 작업(task)이나 링크(link)를 현재 브라우저 뷰를 벗어나 드래그할 때 자동 스크롤이 발생하는 속도(밀리초 단위)를 정의합니다. |
| autosize | Gantt 차트 크기를 자동으로 조절하여 스크롤 없이 모든 작업을 표시합니다. |
| autosize_min_width | 가로 'autosize' 모드를 사용할 때 간트 차트가 가질 최소 너비(픽셀 단위)를 정의합니다. |
| bar_height | 타임라인 영역 내 작업 바의 높이를 정의합니다. |
| bar_height_padding | bar_height가 "full"로 설정된 타임라인에서 작업 바 주변의 패딩을 제어합니다. |
| baselines | 간트 차트에서 baselines 작동 방식을 설정합니다. |
| branch_loading | 간트 차트가 데이터를 동적으로 로드할 수 있도록 합니다 |
| branch_loading_property | 백엔드에서 아직 로드되지 않은 자식 작업이 있는 작업을 나타냅니다 |
| buttons_left | 라이트박스(lightbox) 하단 왼쪽 코너에 위치한 버튼 세트를 보유합니다. |
| buttons_right | 라이트박스의 오른쪽 하단에 위치한 버튼 세트를 보유합니다. |
| calendar_property | 작업 또는 작업 그룹에 캘린더를 연결하는 데 사용되는 속성 이름을 설정합니다. |
| cascade_delete | 상위 작업이 삭제될 때 중첩된 작업과 링크를 자동으로 삭제할 수 있게 합니다. |
| click_drag | 고급 드래그 앤 드롭 활성화 |
| columns | 테이블 내 columns 설정 |
| constraint_types | 사용할 수 있는 모든 제약 조건 유형을 보유합니다. |
| container_resize_method | 간트가 타임드 인터벌을 사용하여 컨테이너 크기 변경을 모니터링할지 지정합니다. |
| container_resize_timeout | 컨테이너 크기 조정 후 간트가 다시 그려지기 전까지의 지연 시간(밀리초 단위)을 설정합니다. |
| correct_work_time | 드래그 중 작업의 시작 및 종료 날짜를 근무 시간 내로 조정할 수 있게 합니다 |
| csp | 날짜 포맷팅 메서드가 내부적으로 어떻게 구현되는지 제어합니다 |
| date_format | 데이터 세트에서 날짜를 해석하고 서버로 날짜를 전송할 때 사용하는 날짜 형식을 지정합니다. |
| date_grid | 테이블의 "Start time" 열에 사용되는 날짜 형식을 설정합니다. |
| date_scale | 시간 축(X축)의 형식을 설정합니다. |
| deadlines | 작업의 deadline 요소 표시를 켜거나 끕니다 |
| deepcopy_on_parse | Gantt.parse() 메서드에 전달된 데이터 객체를 gantt가 깊은 복사할지 여부를 제어합니다. |
| details_on_create | '+' 버튼을 클릭하여 새 이벤트를 생성할 때 라이트박스가 자동으로 열리도록 설정합니다. |
| details_on_dblclick | 작업을 더블 클릭하여 라이트박스를 열 수 있도록 설정합니다. |
| drag_lightbox | 라이트박스의 헤더를 드래그하여 이동할 수 있도록 허용합니다. |
| drag_links | 드래그 앤 드롭을 통해 의존성 링크를 생성할 수 있습니다. |
| drag_mode | 사용 가능한 다양한 드래그 앤 드롭 모드 유형을 포함합니다. |
| drag_move | 드래그 앤 드롭을 사용하여 작업을 재배치할 수 있도록 허용합니다. |
| drag_multiple | 여러 개의 선택된 작업을 동시에 드래그할 수 있도록 허용합니다 |
| drag_progress | 진행 표시 노브를 드래그하여 작업 진행률을 조정할 수 있습니다. |
| drag_project | 프로젝트 유형 항목의 드래그 앤 드롭을 활성화합니다 |
| drag_resize | 드래그 앤 드롭을 사용하여 작업 크기를 조절할 수 있습니다. |
| drag_timeline | Drag_timeline 확장 기능의 동작 방식을 설정합니다. |
| duration_step | 'gantt.config.duration_unit'의 단위 몇 개가 'duration' 데이터 속성의 한 단위를 구성하는지 정의합니다. |
| duration_unit | 지속 시간 단위 설정 |
| dynamic_resource_calendars | 여러 리소스 캘린더를 자동으로 병합하여 하나의 캘린더로 만드는 기능을 제공합니다. |
| editable_property | 읽기 전용 간트 차트에서 작업이나 링크를 수정할 수 있는지 여부를 제어하는 속성 이름을 변경합니다. |
| editor_types | 인라인 에디터 정의를 담고 있는 객체 |
| end_date | 시간 스케일의 종료 지점을 정의합니다. |
| external_render | 외부 컴포넌트를 DOM에 삽입합니다 |
| fit_tasks | Gantt 차트가 표시된 모든 작업이 시간 축에 맞도록 자동으로 조정하도록 '지시'합니다. |
| grid_elastic_columns | 스크롤 가능한 그리드 내 컬럼의 너비를 조정합니다. |
| grid_resize | 그리드의 오른쪽 경계를 드래그하여 크기를 조절할 수 있도록 합니다 |
| grid_resizer_attribute | 그리드 리사이저의 DOM 요소에 사용할 속성 이름을 지정합니다 |
| grid_resizer_column_attribute | 컬럼 리사이저의 DOM 요소에 사용되는 속성 이름을 지정합니다. 이 속성은 컬럼의 인덱스를 나타냅니다. |
| grid_width | 그리드의 너비를 설정합니다 |
| highlight_critical_path | 차트 내에서 중요 경로를 하이라이트합니다 |
| horizontal_scroll_key | Shift, Alt, 또는 Meta 키와 마우스 휠을 함께 사용할 때 수평 스크롤이 발생하는지를 제어합니다. |
| inherit_calendar | 작업이 상위 요약 작업의 작업 캘린더를 상속할지 여부를 정의합니다. |
| inherit_scale_class | 서브 스케일이 기본적으로 scale_cell_class 템플릿을 사용할지 여부를 제어합니다 |
| initial_scroll | 타임라인 영역이 가장 이른 작업을 보여주도록 처음에 스크롤된 상태로 시작할지 제어합니다 |
| inline_editors_date_processing | 작업의 시작일 또는 종료일을 편집할 때 작업 기간을 유지합니다. |
| inline_editors_multiselect_open | 멀티 태스크 선택이 활성화된 상태에서 작업을 단일 클릭할 때 인라인 에디터가 열리는지 여부를 제어합니다. |
| keep_grid_width | 컬럼 크기 조정 시 원래의 그리드 너비를 그대로 유지합니다 |
| keyboard_navigation | 간트에서 keyboard_navigation을 활성화합니다. |
| keyboard_navigation_cells | 개별 셀 단위로 키보드 네비게이션을 허 용합니다 |
| layer_attribute | 작업 레이어의 DOM 요소에 대한 attribute 이름을 정의합니다. |
| layout | 레이아웃 객체를 정의합니다. |
| lightbox | 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 | Gantt 차트에서 여러 작업을 동시에 선택할 수 있는지 여부를 제어합니다. |
| multiselect_one_level | 멀티 태스크 선택이 단일 레벨로 제한되는지, 아니면 여러 레벨에 걸쳐 가능한지 제어합니다. |
| open_split_tasks | +/- 버튼을 클릭하여 분할 작업(split tasks)을 확장하거나 축소할 수 있습니다. |
| open_tree_initially | 기본적으로 모든 브랜치를 펼칩니다 |
| order_branch | 동일한 트리 레벨 내에서 작업을 세로로 재배열하는 'branch' 모드를 활성화합니다. |
| order_branch_free | 'gantt 차트 전체에서 작업을 자유롭게 재배치할 수 있는 'branch' 모드를 활성화합니다. |
| placeholder_task | 작업 목록 끝에 빈 행을 추가하여 키보드로 작업 편집을 더 쉽게 만듭니다. |
| preserve_scroll | 간트 차트가 다시 그려질 때 현재의 세로 및 가로 스크롤 위치를 유지합니다. |
| prevent_default_scroll | 간트 컨테이너가 마우스휠 이벤트를 차단할지 아니면 윈도우 요소로 전파할지 제어합니다. |
| process_resource_assignments | 리소스 할당 파싱을 켜거나 끕니다 |
| project_end | 프로젝트의 종료 날짜를 설정합니다 |
| project_start | 프로젝트의 시작 날짜를 설정합니다 |
| quick_info_detached | 작업 폼이 화면의 왼쪽 또는 오른쪽에서 슬라이드 인할지, 아니면 선택된 작업 바로 옆에 나타날지를 제어합니다. |
| quickinfo_buttons | 팝업 작업 세부 정보 폼에 표시되는 버튼 세트를 보유합니다. |
| readonly | 간트 차트에 읽기 전용 모드를 활성화합니다. |
| readonly_property | 작업과 링크의 읽기 전용 상태를 제어하는 프로퍼티 이름을 설정합니다. |
| redo | 간트에서 Redo 기능을 사용할 수 있게 합니다. |
| reorder_grid_columns | 드래그 앤 드롭을 사용하여 그리드 컬럼의 순서를 변경할 수 있습니다. |
| resize_rows | 행의 높이를 드래그하여 조절할 수 있도록 합니다 |
| resource_assignment_store | 리소스 할당을 저장하는 데이터스토어의 이름을 정의합니다. |
| resource_attribute | Gantt가 리소스 그리드나 타임라인에서 작업 행이 어떤 리소스에 해당하는지 식별하기 위해 사용하는 속성 이름을 정의합니다. |
| resource_calendars | 특정 리소스(예: 사용자)와 연결할 수 있는 작업 캘린더를 정의하는 방법을 제공합니다. |
| resource_property | 작업 객체의 어떤 속성이 resourceGrid/Timeline/Histogram/Calendar와 연결된 리소스 ID를 포함하는지 정의합니다. |
| resource_render_empty_cells | 리소스 타임라인에서 작업이 할당되지 않은 셀에도 요소를 렌더링하고 템플릿을 사용할 수 있게 합니다. |
| resource_store | ResourceGrid/resourceTimeline/resourceHistogram 뷰와 연결된 dataStore의 이름을 지정합니다. |
| resources | 리소스 스토어에 대한 추가 설정을 정의합니다. |
| root_id | 가상 루트 요소의 id를 설정합니다 |
| round_dnd_dates | 작업의 시작 및 종료 날짜를 가장 가까운 스케일 마크로 반올림할 수 있습니다. |
| row_height | 테이블 내 행들의 기본 높이를 설정합니다. |
| rtl | 간트를 오른쪽에서 왼쪽으로 표시하는 모드로 전환합니다. |
| scale_height | 타임 스케일과 그리드 헤더의 높이를 조절합니다 |
| scale_offset_minimal | 여러 스케일을 사용할 때 최소 스케일 단위를 선행 및 후행 빈 공간의 크기로 사용할지 여부를 제어합니다. |
| scale_unit | X축 시간 스케일의 단위를 정의합니다. |
| scales | 타임 스케일 구성을 설정합니다. |
| schedule_from_end | 역방향 스케줄링 활성화 |
| scroll_on_click | 타임라인에서 선택된 작업을 클릭할 때 해당 작업이 보이도록 스크롤할지 여부를 결정합니다. |
| scroll_size | 수직(너비) 및 수평(높이) 스크롤바의 크기를 지정합니다. |
| select_task | 간트 차트에서 작업을 선택할 수 있도록 합니다 |
| server_utc | 서버와 데이터 교환 시 서버 측 날짜를 UTC와 로컬 타임존 간에 변환할 수 있도록 합니다. |
| show_chart | 간트 차트에서 타임라인 섹션의 표시 여부를 제어합니다. |
| show_empty_state | 그리드가 비어 있을 때 플레이스홀더가 나타날지 여부를 제어합니다. |
| show_errors | 예상치 못한 오류가 발생했을 때 에러 알림을 표시합니다. |
| show_grid | Gantt 차트의 그리드 영역 표시 여부를 제어합니다. |
| show_links | 간트 차트에서 링크 표시를 켜거나 끕니다. |
| show_markers | 페이지 내 마커의 가시성을 제어합니다 |
| show_progress | 작업 바 내에서 진행 상황을 표시할 수 있습니다. |
| show_quick_info | 'quick_info' 확장 기능을 켜거나 끕니다 (작업 세부 정보를 보여주는 팝업) |
| show_task_cells | 차트 영역에서 열 경계선을 켜거나 끕니다 |
| show_tasks_outside_timescale | 간트 차트에서 정의된 날짜 범위 밖에 있는 작업들을 표시할 수 있게 합니다. |
| show_unscheduled | 스케줄이 지정되지 않은 작업의 표시 여부를 토글할 수 있습니다. |
| skip_off_time | 타임스케일에서 비근무 시간을 숨깁니다 |
| smart_rendering | 간트의 작업과 링크를 표시하기 위해 smart rendering 모드를 활성화합니다. |
| smart_scales | 화면에 보이는 시간 눈금 부분만 그려지도록 지정합니다. |
| sort | 테이블 내에서 정렬을 허용합니다 |
| start_date | 시간 축이 시작되는 지점을 정의합니다 |
| start_on_monday | 주간 시작 요일 설정 |
| static_background | 타임라인 섹션에 대해 컬럼과 행의 라인을 직접 그리는 대신 배경 이미지를 생성합니다 |
| static_background_cells | Static_background 모드를 사용할 때 하이라이트된 셀을 렌더링할 수 있게 해줍니다. |
| step | 시간 축(X축)의 증가 단위를 정의합니다. |
| task_attribute | 작업의 HTML 요소 ID를 지정하는 데 사용되는 속성 이름을 정의합니다. |
| task_date | 라이트박스의 'Time period' 섹션에 표시되는 날짜 레이블의 형식을 정의합니다. |
| task_grid_row_resizer_attribute | 그리드 행의 리사이저 DOM 요소에 사용되는 속성 이름을 정의하며, 해당 행의 인덱스를 나타냅니다. |
| task_height | 타임라인 영역에서 작업 바의 높이를 제어합니다. |
| task_scroll_offset | 타임라인의 왼쪽 가장자리에서 가장 가까운 task의 오프셋(픽셀 단위)을 정의합니다. |
| time_picker | 라이트박스 내 시간 드롭다운 선택기의 형식을 정의합니다 |
| time_step | 작업의 시간 값에 대한 최소 단위(분)를 설정합니다. |
| timeline_placeholder | 타임라인이 비어 있을 때 배경 그리드를 표시합니다 |
| tooltip_hide_timeout | 툴팁이 사라지기 전에 얼마나 오래(밀리초 단위) 표시될지 설정합니다. |
| tooltip_offset_x | 툴팁의 위치를 오른쪽으로 수평 오프셋을 조정하며, 양수 값으로 설정 시 오른쪽으로 이동합니다. |
| tooltip_offset_y | 툴팁의 위치에 대한 수직 오프셋을 조정하며, 값이 양수일 경우 툴팁을 아래로 이동시킵니다. |
| tooltip_timeout | 작업에 대한 tooltip이 나타나기 전 지연 시간을 밀리초 단위로 지정합니다. |
| touch | Gantt 차트에서 터치 지원을 활성화 또는 비활성화하는 설정입니다. |
| touch_drag | 롱 터치 제스처와 스크롤 제스처를 구분하기 위한 시간 간격을 밀리초 단위로 설정합니다. |
| touch_feedback | 터치 디바이스에서 드래그 앤 드롭 동작 전후에 진동 피드백을 활성화합니다. |
| touch_feedback_duration | 터치 디바이스에서 드래그 앤 드롭 동작 전후에 진동 피드백이 지속되는 시간을 지정합니다 (밀리초 단위) |
| type_renderers | 다양한 유형의 작업을 표시하는 함수를 재정의합니다 |
| types | 라이트박스 구조의 이름을 저장합니다 (다양한 유형의 작업에 사용됨) |
| undo | 간트에서 Undo 기능을 활성화합니다. |
| undo_actions | Undo 기능이 되돌릴 작업을 정의합니다. |
| undo_steps | Undo 메서드가 몇 단계까지 롤백할지 지정합니다. |
| undo_types | Undo 동작이 영향을 미칠 엔티티 유형을 설정합니다. |
| wai_aria_attributes | WAI-ARIA 지원을 활성화하여 컴포넌트가 스크린 리더에 의해 올바르게 인식될 수 있도록 합니다. |
| wheel_scroll_sensitivity | 마우스 휠 사용 시 간트 차트의 스크롤 속도를 제어합니다. |
| wide_form | 섹션과 해당 레이블을 같은 줄에 나란히 배치합니다. |
| work_time | 작업 시간을 기준으로 작업 기간을 계산하며, 달력 시간을 기준으로 하지 않습니다. |
| xml_date | 데이터셋에 서 데이터를 파싱하고 서버로 데이터를 전송할 때 사용되는 날짜 형식을 지정합니다. |
Gantt events
| Name | Description |
|---|---|
| onAfterAutoSchedule | 자동 스케줄링 프로세스가 완료되면 한 번 트리거됩니다. |
| onAfterBatchUpdate | batchUpdate 메서드가 완료된 직후에 트리거됩니다. |
| onAfterBranchLoading | 다이나믹 로딩이 활성화된 경우, 작업 브랜치가 페이지에 로딩을 완료한 직후에 발생하는 이벤트입니다. |
| onAfterLightbox | 사용자가 라이트박스(편집 폼)를 닫을 때 한 번 실행됩니다. |
| onAfterLinkAdd | 간트 차트에 새 링크가 추가된 직후에 트리거됩니다. |
| onAfterLinkDelete | 사용자가 링크를 삭제한 직후에 트리거됩니다. |
| onAfterLinkUpdate | 사용자가 링크를 수정한 직후에 트리거됩니다. |
| onAfterQuickInfo | 팝업 편집 폼이 닫힌 후에 트리거됩니다 |
| onAfterRedo | Redo() 메서드가 실행된 직후에 발생합니다. |
| onAfterRowResize | 행 높이 조정이 완료된 후에 트리거됩니다 |
| onAfterSort | 그리드 내 작업들이 정렬된 후에 한 번 트리거됩니다. |
| onAfterTaskAdd | 작업이 Gantt 차트에 추가된 직후에 트리거됩니다. |
| onAfterTaskAutoSchedule | 자동 스케줄링된 모든 작업에 대해 트리거됩니다. |
| onAfterTaskDelete | 사용자가 작업을 삭제한 직후에 트리거됩니다. |
| onAfterTaskDrag | 사용자가 드래그를 완료하고 마우스 버튼을 놓을 때 한 번 발생합니다. |
| onAfterTaskMove | 작업이 새로운 세로 위치로 이동된 직후에 트리거됩니다. |
| onAfterTaskUpdate | 사용자가 작업을 업데이트한 직후에 트리거됩니다. |
| onAfterUndo | Undo() 메서드가 실행된 직후에 트리거됩니다. |
| onAjaxError | 서버가 에러 응답을 보낼 때 트리거됩니다. |
| onAutoScheduleCircularLink | 자동 스케줄링 중 의존성 루프가 감지될 때 트리거됩니다. |
| onBeforeAutoSchedule | 자동 스케줄링이 시작되기 직전에 트리거됩니다. |
| onBeforeBatchUpdate | batchUpdate 메서드가 실행되기 직전에 트리거됩니다. |
| onBeforeBranchLoading | 동적 로딩이 활성화된 경우, 사용자가 작업 브랜치를 확장한 직후 로딩 프로세스가 시작되기 전에 이 이벤트가 발생합니다. |
| onBeforeCollapse | 간트가 전체화면 모드를 종료하고 일반 뷰로 돌아가기 직전에 트리거됩니다. |
| onBeforeDataRender | 데이터가 페이지에 표시되기 직전에 트리거됩니다. |
| onBeforeExpand | 간트가 전체 화면 모드로 전환되기 직전에 발생합니다. |
| onBeforeGanttReady | DhtmlxGantt 초기화가 시작되기 직전에 트리거됩니다. |
| onBeforeGanttRender | Gantt 차트가 페이지에 렌더링되기 직전에 트리거됩니다. |
| onBeforeLightbox | 라이트박스(편집 폼)가 열리기 직전에 트리거됩니다. |
| onBeforeLinkAdd | Gantt 차트에 새 링크가 추가되기 직전에 트리거됩니다. |
| onBeforeLinkDelete | 사용자가 링크를 삭제하기 직전에 트리거됩니다. |
| onBeforeLinkDisplay | 링크가 간트 차트에 로드된 후, 화면에 표시되기 직전에 트리거됩니다. |
| onBeforeLinkUpdate | 링크가 업데이트되기 직전에 트리거됩니다. |
| onBeforeMultiSelect | 하나 이상의 작업을 선택하기 직전에 발생합니다. |
| onBeforeParse | 데이터 파싱이 시작되기 직전에 트리거됩니다 |
| onBeforeRedo | Redo() 메서드가 실행되기 직전에 트리거됩니다. |
| onBeforeRedoStack | Redo 스택에 작업이 추가되기 직전에 트리거됩니다. |
| onBeforeRollupTaskDisplay | 롤업 태스크가 상위 프로젝트에 표시되기 직전에 트리거됩니다. |
| onBeforeRowDragEnd | 사용자가 그리드 내에서 행을 드롭할 때 발생합니다. |
| onBeforeRowDragMove | 그리드 내에서 행이 수직으로 새 위치로 드래그되기 직전에 트리거됩니다. |
| onBeforeRowResize | 사용자가 드래그 앤 드롭으로 행 높이 조절을 시작하기 직전에 트리거됩니다. |
| onBeforeRowResizeEnd | 행 높이 조정 프로세스가 완료되기 직전에 트리거됩니다. |
| onBeforeSplitTaskDisplay | 분할 작업의 세그먼트가 간트 차트에 표시되기 직전에 트리거됩니다. |
| onBeforeTaskAdd | Gantt 차트에 새 작업이 추가되기 직전에 트리거됩니다. |
| onBeforeTaskAutoSchedule | 재스케줄링되는 모든 작업에 대해 트리거됩니다 |
| onBeforeTaskChanged | 사용자가 드래그를 마치고 마우스 버튼을 놓은 직후, 변경 사항이 적용되기 전에 발생합니다. |
| onBeforeTaskDelete | 사용자가 작업을 삭제하기 직전에 트리거됩니다. |
| onBeforeTaskDisplay | 태스크가 Gantt 차트에 로드된 직후, 화면에 표시되기 바로 전에 트리거됩니다 |
| onBeforeTaskDrag | 사용자가 마우스 버튼을 누르고 드래그를 시작한 직후, dhtmlxGantt가 드래그 앤 드롭 프로세스를 시작하기 전에 발생합니다. |
| onBeforeTaskMove | 작업이 수직 위치를 변경하기 직전에 트리거됩니다. |
| onBeforeTaskMultiSelect | 작업의 선택 상태가 변경되기 직전에 트리거됩니다 (작업이 선택되거나 선택 해제될 때). |
| onBeforeTaskSelected | 작업이 선택되기 직전에 발생합니다 |
| onBeforeTaskUpdate | 사용자가 작업을 업데이트하기 직전에 발생하는 이벤트 |
| onBeforeUndo | Undo() 메서드가 실행되기 바로 전에 트리거됩니다. |
| onBeforeUndoStack | 동작이 undo 스택에 추가되기 직전에 트리거됩니다. |
| onCircularLinkError | 순환 참조가 발견되어 자동 스케줄링이 진행될 수 없을 때 발생합니다. |
| onClear | clearAll 메서드를 사용하여 Gantt 차트에서 모든 작업이 제거되었을 때 한 번 트리거됩니다. |
| onCollapse | 간트 뷰가 전체 화면 모드에서 일반 모드로 전환될 때 발생합니다. |
| onColumnResize | 사용자가 컬럼 경계를 드래그하여 컬럼 너비를 조정할 때 발생합니다 |
| onColumnResizeEnd | 사용자가 열 경계선을 드래그하여 너비를 조정한 후에 한 번 트리거됩니다. |
| onColumnResizeStart | 사용자가 컬럼 경계를 드래그하여 크기를 조절하기 바로 전에 발생하는 이벤트 |
| onContextMenu | 사용자가 간트 차트 내에서 마우스 오른쪽 버튼을 클릭할 때 트리거됩니다 (자세한 내용 참조) |
| onDataProcessorReady | dp.init(gantt)가 호출될 때 트리거됩니다. |
| onDataRender | 데이터가 페이지에 표시된 직후에 트리거됩니다 |
| onDestroy | API의 destructor 메서드를 사용하여 간트 차트가 해제될 때 한 번 트리거됩니다. |
| onEmptyClick | 사용자가 간트 차트 내 빈 영역(작업 외부)을 클릭할 때 발생합니다. |
| onError | assert가 'false' 값을 반환할 때마다 트리거되며, 이는 assertion이 실패했음을 의미합니다. |
| onExpand | 간트가 전체 화면 모드로 전환될 때 트리거됩니다. |
| onGanttLayoutReady | Gantt 레이아웃이 설정된 직후, 렌더링되기 바로 전에 트리거됩니다 |
| onGanttReady | DhtmlxGantt가 초기화를 완료했을 때 트리거되며, 이 시점에서는 Gantt 차트가 페이지에 아직 표시되지 않은 상태입니다. |
| onGanttRender | 간트 차트가 페이지에 완전히 렌더링된 후 발생합니다. |
| onGanttScroll | Gantt 차트가 특정 위치로 스크롤될 때 트리거됩니다. |
| 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 | 사용자가 다른 작업을 선택하여 작업 선택을 해제할 때 발생합니다. |
| onTemplatesReady | DhtmlxGantt 템플릿이 초기화될 때 트리거됩니다. |
Gantt templates
| Name | Description |
|---|---|
| baseline_text | Baseline 요소 내부에 표시되는 텍스트를 정의합니다. |
| date_grid | 그리드 내에서 날짜(Date 값)를 표시하는 열에 표시되는 내용을 정의합니다. |
| drag_link_class | 사용자가 링크를 드래그할 때 표시되는 팝업에 적용되는 CSS 클래스를 정의합니다. |
| drag_link | 새로운 의존성 링크가 생성될 때 표시되는 tooltip 텍스트를 정의합니다. |
| 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_allocated | 리소스 히스토그램(resourceHistogram)에서 채워진 구간의 높이를 지정합니다. |
| 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)의 종료 날짜가 어떻게 표시될지 제어합니다. |
| 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_date | 이 템플릿은 XML 파일에서 가져온 문자열을 지정된 형식에 따라 날짜 객체로 변환합니다. |
| xml_format | 날짜 객체를 이 템플릿에 따라 문자열로 변환합니다. 이 문자열은 서버에 데이터를 전송할 때 사용됩니다. |
Gantt others
| Name | Description |
|---|---|
| $click | 간트 차트의 버튼 기본 클릭 동작을 변경합니다. |
| ajax | Gantt ajax 모듈 |
| calendar | 작업 calendar 객체를 위한 인터페이스 |
| config | 날짜, 스케일, 컨트롤에 대한 설정 옵션을 정의합니다. |
| constants | 코드 전반에 걸쳐 매직 넘버 사용을 피하기 위해 다양한 constants를 보유합니다. |
| dataprocessor | Dataprocessor 메서드 집합 |
| datastore | Datastore 메서드 모음 |
| date | 날짜 포맷팅 유틸리티 모음 |
| env | 현재 환경을 나타내는 플래그들의 모음 |
| ext | 다양한 확장 기능을 포함하는 객체 |
| form_blocks | 라이트박스 컨트롤을 포함하는 객체 |
| i18n | 간트 차트 현지화를 위해 설계된 메서드 모음 |
| ignore_time | 타임 스케일에서 특정 시간 단위를 숨깁니다 |
| json | JSON 직렬화와 파싱을 처리합니다 |
| keys | 간트 차트의 단축키를 정의합니다 |
| license | DhtmlxGantt의 license 이름을 반환합니다. |
| locale | 현재 사용 중인 locale 객체로, 간트 차트에 지역별 맞춤 레이블을 포함합니다. |
| oldxml | DhtmlxGantt 1.0에서 XML 포맷의 직렬화와 파싱을 처리합니다. |
| skin | Gantt 차트에 적용된 현재 skin을 제공합니다. |
| skins | 사용 가능한 skin 객체들을 제공합니다 |
| templates | 간트 차트에서 날짜, 제목, tooltip의 포맷팅 templates를 설정합니다. |
| treeDatastore | TreeDatastore 메서드들의 모음 |
| utils | 다양한 헬퍼 모듈 |
| version | DhtmlxGantt의 현재 버전을 제공합니다 |
| xml | XML 직렬화 및 파싱 지정 |