간트 그리드의 특정 작업 행(row)에 메모를 추가합니다.

파라메터 설명

• memo : (Object) 설정하고자 하는 메모 Object
• id : (String) 행의 ID 값

예를 들어 현재 선택된 행에 메모를 추가하고자 한다면 다음과 같습니다.

 // 선택 행들 얻기
 var rows = AUIGantt.getSelectedRows(myGanttID);
 var row = rows[0];
 var idField = AUIGantt.getRowId(myGanttID); 
 var id = row[idField]; // ID 얻기
 
 // 여기서 필요한 정보를 직접 만드십시오.
 // 아래 memo 는 예시이며, 필요한 정보가 있다면 더 추가하십시오.
 var memo = {
          subject : "메모 제목", 
          content : "메모 내용",
          date : new Date().getTime()
 };
 // 메모 추가시킴.
 AUIGantt.addMemoById(myGanttID, memo, id);

간트 그리드에 행을 추가, 삽입합니다.

파라메터 설명

• items (Object or Array) : 삽입하고자 하는 행 아이템, 복수의 행을 삽입하고자 하는 경우 Object 를 배열로 묶으십시오.
• rowIndex (Number or String) : 삽입될 행의 인덱스, rowIndex 에 다음 문자를 설정한 경우.

  "first" : 첫 행, "last" : 최하단, "selectionUp" : 선택행 위, "selectionDown" : 선택행 아래에 추가행이 삽입됩니다.

다음은 addRow 메소드 사용 예제입니다.

  var item = { "name" : "<새 작업>" };
  AUIGantt.addRow(myGanttID, item, "last"); // 최하단에 1행 추가

간트 차트 이벤트를 핸들링하기 위해 이벤트를 바인딩하는 메소드입니다.

파라메터 설명

• type : (String or Array) 바인딩하고자 하는 이벤트 유형
• function : (Function) 이벤트 핸들러 함수

예를 들면 cellClick 이벤트를 핸들링하고 싶다면 다음과 같습니다.

 AUIGantt.bind(myGanttID, "cellClick", function( event ) {
       alert("rowIndex : " + event.rowIndex + ", "columnIndex : " + event.columnIndex + " clicked");
 });
 
 // 복수의 이벤트를 한번에 핸들링 하기 (이벤트 유형을 배열로 설정)
 AUIGantt.bind(myGanttID, ["cellClick", "headerClick"], function( event ) {
       if(event.type == "cellClick") alert("You clicked cell : " + event.value);
       else if(event.type == "headerClick") alert("You clicked header : " + event.headerText);
 });

간트 차트에 설정된 공휴일를 모두 초기화 합니다.

해당 메소드를 사용하면 모든 날짜가 작업일로 설정됩니다.

필터링이 설정되어 있다면 해당 칼럼의 필터링을 해제합니다.

enableFilter 속성이 true 설정되어야 가능합니다.

파라메터 설명

• dataField (String) : 칼럼이 출력하고 있는 데이터의 필드명

모든 필터링을 해제합니다.

현재 하이라이트가 표시된 경우 하이라이트를 해제(초기화) 시킵니다.

정렬(Sorting)이 설정되어 있다면 모든 정렬을 초기화 합니다.

간트 그리드 필터를 설정한 경우, 필터 레이어(필터 메뉴)가 오픈되어 있을 때 닫도록 지시합니다.

다음은 메소드 사용 예제입니다.

    // 필터 레이어(필터 메뉴)가 열린 경우 닫습니다.
    AUIGantt.closeFilterLayer(myGanttID);

참고 : 필터 레이어 열기 메소드 - openFilterLayer, 현재 필터 레이여 열려 있는지 여부 메소드 - isOpenFilterLayer

간트 차트에 "요약 작업"을 작성하여 계층 구조 데이터로 만든 경우 모든 노드들을 닫고 최상위 "요약 작업" 만 표시합니다.

간트 차트를 최초로 생성하는 메소드입니다.

파라메터 설명

• pid : (String) 간트차트가 생성될 Div 의 id
• ganttProps : (Object) 그리드 생성 시 변경할 그리드 속성(key-value) 객체

Return : (String) 간트 차트가 생성될 Div의 id 를 반환합니다.(즉, 파라메터로 넣은 pid 반환)

간트 차트의 새 문서 작성에 해당되는 메소드입니다.

기존의 작성된 문서를 초기화 하고 최초의 문서 작성을 위한 준비를 합니다.

파라메터 설명

• count (Number) : 새 문서에 출력 시킬 행의 개수

예를 들어 최초의 행을 100개를 갖는 간트 차트로 초기화 하고자 한다면 다음과 같습니다.

 // 최초 100행을 갖는 새문서 모드 만들기
 AUIGantt.createNewDocument(myGanttID, 100);

간트 그리드에서 선택된 행들을 삭제 합니다.

작성된 간트 그리드를 완전히 제거합니다.

동적으로 그리드를 생성, 제거해야 할 경우 반드시 이 메소드를 사용하여 제거하십시오.

간트 차트에 "요약 작업"을 작성하여 계층 구조 데이터로 만든 경우 모든 노드들을 열고, 전체 펼치기를 실행합니다.

계층형으로 간트차트 데이터를 작성한 경우 rowId 값에 맞는 행이 요약작업(branch)일 때 열기/닫기를 실행합니다.

파라메터 설명

• rowIds (Array 또는 String) : rowId 값 (복수인 경우 Array 로 지정)
• open (Boolean) : 열기 할지 닫기 할지 여부(true 인 경우 열기 실행)
• recursive (Boolean) : 해당 아이템의 자손까지 모두 열지 여부

그리드에 출력된 현재 데이터를 다운로드 가능한 엑셀(xlsx) 로 내보내기 합니다.

파라메터 설명

• exportProps (Object) : 엑셀로 내보내기 할 때 파일명, 상단, 하단 추가 텍스트를 지정할 수 있는 파라메터입니다.

■ exportProps 파라메터 작성 설명 ■

exportProps 파라메터는 Object 로 그 요소는 다음과 같습니다.

• afterRequestCallback (Function) : 엑셀로 내보내기 후 호출될 콜백함수를 지정합니다.
• beforeRequestCallback (Function) : 엑셀로 내보내기 전 호출될 콜백함수를 지정합니다.
• compress (Boolean) : 엑셀 파일 작성 시 압축을 할 지 여부를 지정합니다.(기본값: false)
• displayTimeUnit (String) : 간트 차트 다이어그램의 시간 단위를 지정합니다. 유효값은 "day", "week", "month", "year" 입니다.
• exceptColumnFields (Array) : 엑셀로 저장 할 때 포함 시키지 않을 칼럼들의 dataField 를 지정합니다.
• fileName (String) : 엑셀로 내보내기 할 때 파일명을 지정하면 해당 파일명을 서버 사이드에서 파라메터로 받을 수 있습니다.
• fontFamily (String) : 엑셀로 저장 시 적용될 폰트명을 지정하십시오.(기본값: "맑은 고딕") 예를 들어 Arial 폰트로 적용하고자 한다면 "Arial" 로 설정하십시오.
• includeGantt (Boolean) : 간트 차트 다이어그램도 엑셀로 내보내기할지 여부를 지정합니다.
• postToServer (Boolean) : exportURL 속성에 지정한 URL (즉, 서버)로 작성된 xlsx 데이터를 보낼지를 지정합니다.(기본값 : false, 단, IE <10 은 항상 true)
• sheetName (String) : 엑셀로 내보내기 할 때 엑셀의 시트명을 지정합니다. (기본값 : Sheet 1)
• timeLabelWidth(Number) 간트 차트 다이어그램의 시간 단위의 1셀의 크기를 픽셀 단위로 지정합니다.
• fixedColumnCount (Number) : 엑셀로 내보내기 할 때 엑셀 상의 틀고정 열(column)을 임의로 지정합니다.
• fixedRowCount (Number) : 엑셀로 내보내기 할 때 엑셀 상의 틀고정 행(row)을 임의로 지정합니다.
• headers (Array) : 그리드 상단에 표시할 추가 행들을 지정합니다. 제목이나 부제목과 같은 내용이 될 수 있습니다.
• footers (Array) : 그리드 하단에 표시할 추가 행들을 지정합니다.

headers 와 footer 는 Array 이며 요소로는 Object 를 갖으며 개별 요소(1개의 Object)가 엑셀에서 1행을 나타냅니다.

Object 는 "text", "height", "style" 의 필드를 갖으며 다음은 이에 대한 설명입니다.

• text (String) : 엑셀에 표시할 텍스트입니다.
• height (Number) : 엑셀에서 행의 높이를 지정합니다.(px 단위, 실제 엑셀은 pt 입니다. 그리드가 px 를 pt 로 변환하므로 px 단위로 지정하십시오.)
• style (Object) : 행의 스타일을 지정합니다. (유효값 : fontSize, textAlign, fontWeight, underline, background, color)

종합하여 exportToXlsx 메소드 사용 예는 다음과 같습니다.

  // 엑셀 내보내기 속성
  var exportProps = {
         // 저장하기 파일명
         fileName : "2016년_지역별_매출_내역(AUIGantt)",
         // 저장 할 때 dataField 가 name, product 인 칼럼들 저장에서 제외시킴.
         exceptColumnFields : ["name", "product"],
         // 헤더 내용
         headers : [ {
              text : "", height:20 // 첫행 빈줄
         }, {
              text : "2016년 지역별 매출 내역", height:24, style : 
                   { fontSize:20, textAlign:"center", fontWeight:"bold", underline:true, background:"#DAD9FF"}
         }, {
              text : "작성자 : 에이유아이", style : { textAlign:"right"}
         }, {
              text : "작성일 : 2017. 03. 29", style : { textAlign:"right"}
         }, {
              text : "", height:5, style : { background:"#555555"} // 빈줄 색깔 경계 만듬
         }],
         // 푸터 내용
         footers : [ {
              text : "", height:5, style : { background:"#555555"} // 빈줄 색깔 경계 만듬
         }, {
              text : "참고 : 문의 사항은 전산팀으로 연락 하십시오.", style : { fontSize:15, color:"#2F9D27"}
         }, {
              text : "Copyright 2017 AUISoft", height:24, style : 
                   { textAlign:"right", fontWeight:"bold", color:"#ffffff", background:"#222222"}
         }]
  };
  // 내보내기 실행
  AUIGantt.exportToXlsx(myGanttID, exportProps);

간트 차트 다이어그램의 영역을 현재 화면에 모두 보이도록 지시합니다.

즉, 전체 보기에 해당되는 메소드입니다.

간트 그리드의 편집모드(editable=true)인 경우 해당 input 의 값을 강제적으로 편집 완료 또는 취소 상태로 만듭니다.

이 메소드는 (더블)클릭 또는 F2 키 등과 같이 편집 진입한 상태인 경우에만 유효합니다.

현재 편집 인풋터(inputer)에 있는 값으로 편집 완료 상태로 만들고자 한다면 value 를 null 로 설정하십시오.

파라메터 설명

• value (Object) : 설정하고자 하는 값
• cancel (Boolean) : 이 값이 true 라면 에디팅 취소(cancel) 가 적용됩니다.

간트차트에서 추가된 아이템들의 묶음(배열)을 반환합니다.

Return : (Array) 추가된 행 아이템들

간트 차트에서 설정된 휴일에 대한 정보를 반환합니다.

즉, setCalendarProps 메소드에 의해 설정된 정보를 반환합니다.

Return : (Object) 간트 차트에 설정된 휴일 정보

현재 기본으로 설정된 간트 차트 다이어그램의 바 차트, 선 스타일의 색상 등 스타일 객체를 반환합니다.

Return : (Object) 현재 설정된 차트 스타일 객체

 var styleObj = AUIGantt.getChartStyles(myGanttID);
 console.log(styleObj);

데이터 필드에 맞는 현재 간트 그리드의 칼럼인덱스를 반환합니다.

파라메터 설명

• dataField : (String) 데이터 필드명

Return : (Number) 칼럼인덱스

현재 간트 그리드의 칼럼인덱스에 출력 중인 데이터필드(dataField)를 반환합니다.

파라메터 설명

• columnIndex : (Number) 칼럼 인덱스

Return : (String) 데이터 필드명

두 날짜 사이의 일(days)가 몇개가 존재하는지를 반환합니다.

파라메터 설명

• start : (Date) 시작 날짜
• end : (Date) 종료 날짜

Return : (Number) 두 날짜 사이의 일(days) 개수

간트 차트 바(bar)의 드래깅으로 수정 가능 여부를 반환합니다.

Return : (Boolean) 현재 간트 차트 바(bar)의 드래깅 가능 여부

간트 차트의 편집 가능 여부를 반환합니다.

Return : (Boolean) 현재 간트 차트의 편집 가능 여부

간트차트에서 수정된 아이템들의 묶음(배열)을 반환합니다.

수정된 아이템은 최초의 데이터에서 addRow 메소드로 추가된 아이템을 수정한 경우 포함되지 않습니다.

addRow 메소드로 추가된 아이템은 수정했더라도 최종적으로 추가된 아이템에 해당되기 때문입니다.(getAddedRowItems으로 확인 가능)

Return : (Array) 수정된 행 아이템들

필터링 된 경우 현재 어떤 필드와 값으로 필터링 되었는지에 대한 정보를 반환합니다.

이 메소드는 필터 메뉴의 구체화된 값을 통해 필터링이 된 경우만 사용 가능합니다.

즉, 개발자가 결정하는 "userFilter" 인 setFilter 메소드로 필터링 하는 경우는 유효하지 않습니다.

Return : (Object) 필터링 필드와 현재 필터링 된 값들에 대한 정보

Also See : setFilterCache

현재 작성된 간트 차트 데이터를 반환합니다.

해당 메소드는 "저장 하기"에 해당되는 메소드입니다.

현재 작성된 간트 차트를 특정 매체에 보관하고자 한다면 해당 메소드로 값을 얻어와 보관하십시오.

Return : (String) 현재 작성된 간트 차트 데이터

참고 : 얻어온 데이터는 setGanttData 메소드로 다시 삽입 가능합니다.

간트 차트의 현재 상태의 태스크(tasks) 데이터를 1차원 배열로 묶어 반환합니다.

현재 상태란 현재 보여지는 그대로의 모습을 의미합니다.

해당 메소드는 계층 관계와 상관없이 1차원 배열로 내보내기 합니다.

Return : (Array) 현재 상태의 태스크(tasks) 데이터 행 아이템들

간트 차트의 태스크(tasks) 데이터를 1차원 배열로 묶어 반환합니다.

해당 메소드는 계층 관계와 상관없이 1차원 배열로 내보내기 합니다.

Return : (Array) 태스크(tasks) 데이터 행 아이템들

간트 다이어그램에 설정된 핀(pin) 정보를 반환합니다.

Return : (Array-Object) 현재 설정된 핀(pin) 정보

현재 간트 차트의 태스크(tasks) 데이터를 반환합니다.

Return : (Array) 태스크(tasks) 데이터 행 아이템들

간트 그리드의 칼럼 레이아웃 정보를 반환합니다.

Return : (Array-Object) 현재 간트 그리드의 칼럼 레이아웃 정보

간트 그리드에서 숨겨진 칼럼(hidden Columns)이 있는 경우 숨겨진 칼럼들의 모든 dataField 를 반환합니다.

Return : (Array) 숨겨진 칼럼(hidden Columns)들의 dataField 를 담은 배열

간트 그리드에서 숨겨진 칼럼(hidden Columns)이 있는 경우 숨겨진 칼럼들의 칼럼 인덱스(columnIndex) 를 반환합니다.

Return : (Array) 숨겨진 칼럼(hidden Columns)들의 칼럼 인덱스를 담은 배열

현재 하이라이트를 표시한 경우 그 하이라이트의 기준이 되었던 작업 번호를 반환합니다.

Return : (Number) 하이라이트 기준이 된 작업 번호. 현재 하이라이트 된 상태가 아닌 경우 -1을 반환합니다.

행 ID에 맞는 행(row) 아이템을 반환합니다.

Return : (Object) 해당 행 아이템 객체

예로 현재 선택한 행 아이템을 얻는 방법은 다음과 같습니다.

  // 선택 행들 얻기
 var rows = AUIGantt.getSelectedRows(myGanttID);
 var row = rows[0];
 var idField = AUIGantt.getRowId(myGanttID); 
 var id = row[idField]; // ID 얻기
 
 // id 에 해당되는 행 아이템 얻기
 var rowItem = AUIGantt.getItemByRowId(myGanttID, id);
 alert(rowItem.name); // 작업 이름 출력
 alert(rowItem.start); // 작업 시작 날짜 출력/

작업 번호에 해당되는 행(row) 아이템을 반환합니다.

Return : (Object) 작업 번호에 해당되는 행 아이템 객체

 // 작업 번호 1에 해당되는 행 아이템 얻기
 var rowItem = AUIGantt.getItemByTaskNo(myGanttID, 1);
 alert(rowItem.name); // 작업 이름 출력
 alert(rowItem.start); // 작업 시작 날짜 출력/

간트 그리드의 모든 행(rows)에 대하여 모든 메모 리스트를 반환합니다.

예를 들어 모든 메모 리스트를 얻고자 한다면 다음과 같습니다.

 var memoListAll = AUIGantt.getMemoListById(myGanttID);

Return : (Array-Object) 설정된 전체 메모 리스트

간트 그리드의 특정 작업 행(row)에 메모가 있다면 메모를 반환합니다.

파라메터 설명

• id : (String) 행의 ID 값

예를 들어 현재 선택된 행의 메모를 얻고자 한다면 다음과 같습니다.

 // 선택 행들 얻기
 var rows = AUIGantt.getSelectedRows(myGanttID);
 var row = rows[0];
 var idField = AUIGantt.getRowId(myGanttID);
 var id = row[idField]; // ID 얻기
 // 메모 리스트 얻기
 var memoList = AUIGantt.getMemoListById(myGanttID, id);

Return : (Array-Object) 설정된 메모 리스트

계층형으로 간트차트 데이터를 작성한 경우 rowId 값에 맞는 행 아이템의 부모 행 아이템을 찾아 반환합니다.

즉, rowId 의 부모 아이템을 반환합니다.

부모 아이템이 없는 루트(root)에 해당되는 행인 경우 null 을 반환합니다.

파라메터 설명

• rowId (String) : rowId 값

Return : (Object) 부모 행 아이템

선행 작업이 설정된 경우 주어진 작업의 후처리 작업들을 배열로 반환합니다.

즉, 주어진 작업을 기준으로 작업이 나중에 시작되는 작업번호들 반환합니다.

Return : (Array) 작업 번호들

Also See : getPredecessorsBefore, getPredecessorsByTaskNo

선행 작업이 설정된 경우 주어진 작업의 전처리 작업들을 배열로 반환합니다.

즉, 주어진 작업을 기준으로 작업이 먼저 시작되는 작업번호들 반환합니다.

Return : (Array) 작업 번호들

Also See : getPredecessorsAfter, getPredecessorsByTaskNo

선행 작업이 설정된 경우 선행 관계로 엮인 전후처리 작업들 모두를 반환합니다.

Return : (Array) 작업 번호들

Also See : getPredecessorsAfter, getPredecessorsBefore

간트 차트의 프로젝트 종료 날짜를 반환합니다.

Return : (Date) 현재 설정된 프로젝트 종료 날짜

간트 차트의 프로젝트 시작 날짜를 반환합니다.

Return : (Date) 현재 설정된 프로젝트 시작 날짜

간트차트 속성의 값을 반환합니다.

파라메터 설명

• name (String) : 속성명

Return : (Object) 속성값

간트차트에서 삭제된 아이템들의 묶음(배열)을 반환합니다.

기본적으로, 삭제된 아이템은 최초의 데이터에서 addRow 메소드로 추가된 아이템을 삭제한 경우 포함되지 않습니다.

즉, 최초 그리드에 삽입된 데이터를 삭제한 행 아이템만 반환합니다.

만약, 추가된 행을 삭제 했을 때 그 추가된 행까지 얻고자 한다면 includeAdded 파라메터를 true 로 설정하십시오.

파라메터 설명

• includeAdded (Boolean) : 최초의 데이터에서 사용자에 의해 추가된 행을 다시 사용자가 삭제한 경우, 해당 아이템까지 반환 여부

Return : (Array) 삭제된 행 아이템들

간트차트에서 사용자에 의해 추가되어 다시 삭제된 아이템들의 묶음(배열)을 반환합니다.

즉, 최초 그리드에 삽입된 데이터가 아닌 addRow 메소드나 Insert 키와 같은 방식으로 최초 이후 추가된 행이 삭제된 경우 그 행 아이템들만 반환합니다.

Return : (Array) 추가된 후 삭제된 행 아이템들

간트 차트 개별 행의 ID 에 해당되는 필드를 반환합니다.

Return : (String) ID 필드명

작업 번호에 맞는 행 ID(rowId, uuid)를 반환합니다.

Return : (String) 해당 행 ID 값

  // 작업 번호 1에 대한 행 ID 얻기
 var uuid = AUIGantt.getRowIdByTaskNo(myGanttID, 1);
 
 // 작업 번호 1,2,3에 대한 행 ID 얻기 (배열로 넣은 경우, 배열로 반환)
  var uuids = AUIGantt.getRowIdByTaskNo(myGanttID, [1, 2, 3]);
 

수직 스크롤이 생성된 경우 현재 그리드가 출력되고 있는 행의 최상단 인덱스를 반환합니다.

즉, 스크롤에 의해 현재 보여지고 있는 아이템들의 최상단 행의 인덱스를 반환합니다.

수직 스크롤이 생성되지 않은 경우 이 값은 0 을 반환합니다.

Return : (Number) 최상단 행 인덱스

현재 선택된 아이템의 rowIndex, columnIndex 를 반환합니다.

다수의 행을 선택한 경우 첫번째 선택된 행에 대한 rowIndex, columnIndex 를 반환합니다.

rowIndex 는 반환값의 0 번째, columnIndex 는 반환값의 1 번째 요소입니다.

Return : (Array) rowIndex, columnIndex 를 갖는 배열(배열 요소 2개임 0번째는 rowIndex, 1번째는 columnIndex)

간트 그리드의 선택된 셀(cells) 정보를 반환합니다.

반환값은 배열로 개별 배열 요소는 다음과 같은 요소를 갖는 Object 입니다.

• rowIndex : 행의 인덱스
• columnIndex : 칼럼의 인덱스
• dataField : 선택 칼럼이 출력하고 있는 그리드 데이터의 필드명
• headerText : 선택 칼럼의 헤더 텍스트
• editable : 선택 칼럼의 수정 가능 여부
• value : 선택 셀의 현재 그리드 값
• item : 선택 행 아이템들을 갖는 Object

사용 예는 다음과 같습니다.

 var selectedItems = AUIGantt.getSelectedItems(myGanttID);
 if(selectedItems.length <= 0) return;
 // 선택된 개수 만큼 배열의 요소가 있음
 var first = selectedItems[0];

 // first 의 값을 보고자 한다면? first.value
 // first 의 행, 칼럼 인덱스를 보고자 한다면? first.rowIndex, first.columnIndex
 // first 의 행 아이템 전체를 보고자 한다면? first.item
 console.log(first);
 alert( JSON.stringify(first) );

Return : (Array) 선택된 아이템들을 요소로 갖는 배열

간트 그리드의 선택된 행(rows) 정보를 반환합니다.

반환값은 배열로 요소 개별 행 아이템인 Object 입니다.

사용 예는 다음과 같습니다.

 var selectedRows = AUIGantt.getSelectedRows(myGanttID);
 if(selectedRows.length <= 0) return;
 // 선택된 개수 만큼 배열의 요소가 있음
 var first = selectedRows[0];
 console.log(first);
 alert( JSON.stringify(first) );

Return : (Array) 선택된 행(rows)을 요소로 갖는 배열

간트 차트 다이어그램의 헤더에 출력된 시간 단위를 반환합니다.

Return : (String) 시간 단위("year", "half", "quarter", "month", "month2", "week", "week2", "day", "day2", "6hours", "hour", "30minutes", "20minutes", "10minutes")

주어진 데이터 필드(dataField)에 맞는 그리드 칼럼을 보이지 않도록 지정합니다.

복수의 칼럼을 보이도록 지정하고자 한다면 배열로 설정하십시오. (예: ["name", "resources", "progress"] )

파라메터 설명

• dataField (String or Array) : 칼럼의 데이터 필드명(들)

선행 작업이 설정된 경우 선행 관계를 강조하는 하이라이트 표시를 설정합니다.

예로 5번 작업에 대하여 하이라이트를 표시할 경우 5번 작업 선행 관계가 엮인 전후처리 작업 모두를 강조시킵니다.

파라메터 설명

• taskNo (Number or String) : 설정하고자 하는 행의 작업번호 또는 "selectedIndex"

간트 그리드에서 선택한 행을 들여 쓰기 하여 계층 구조로 만듭니다.

들여 쓰기 된 행은 상단 행의 자식으로 붙습니다.

간트 차트가 생성되었는지 여부를 반환합니다.

  var isCreated = AUIGantt.isCreated("#myGanttID");
 

예를 들어 위와 같이 작성한다면 myGanttID 을 id 로 갖는 Div 에 간트차트가 생성되었는지 여부를 반환합니다.

Return : (Boolean) 생성되었는지 여부

현재 간트 데이터가 필터링(filtering) 되었는지 여부를 반환합니다.

Return : (Boolean) 필터링 여부 반환

계층형으로 간트차트 데이터를 작성한 경우 rowId 값에 맞는 행 아이템이 브랜치(branch) 인지 여부를 반환합니다.

파라메터 설명

• rowId (String) : rowId 값

Return : (Boolean) 브랜치(branch) 여부

계층형으로 간트차트 데이터를 작성한 경우 rowId 값에 맞는 행 아이템이 현재 열려진 상태인지 여부를 반환합니다.

파라메터 설명

• rowId (String) : rowId 값

Return : (Boolean) 열린 상태 여부

간트 그리드 필터를 설정한 경우, 필터 레이어의 현재 오픈 여부를 반환합니다.

Return : (Boolean) 현재 열려 있는지 여부 반환

참고 : 필터 레이어 열기 메소드 - openFilterLayer, 필터 레이어 닫기 메소드 - closeFilterLayer

현재 간트 데이터가 정렬(sorting) 되었는지 여부를 반환합니다.

Return : (Boolean) 정렬 여부 반환

간트 그리드 선택 행(들)의 인덱스를 아래로 한 단계 이동시킵니다.

부모 행(요약 작업)을 이동시키는 경우 아래 자손들도 함께 따라 움직입니다.

간트 그리드 선택 행(들)의 인덱스를 위로 한 단계 이동시킵니다.

부모 행(요약 작업)을 이동시키는 경우 아래 자손들도 함께 따라 움직입니다.

현재 간트 그리드의 선택된 행의 시작 날짜에 해당되는 곳으로 간트 차트 다이어그램의 시간 축을 이동시킵니다.

간트 차트 다이어그램의 헤더에 출력된 시간을 특정 날짜로 이동 시킵니다.

파라메터 설명

• date (Date) : 이동 시킬 날짜

예를 들어 2017년 1월 1일로 이동하고자 한다면 다음과 같습니다.

 // 2017년 1월 1일 ~ 2017년 1월 3일까지만 보기
 AUIGantt.moveToTheDate(myGanttID, new Date("2017/01/01"));
 // 오늘 날짜 현재 시간으로 이동하기
 // AUIGantt.moveToTheDate(myGanttID, new Date());

간트 그리드 필터를 설정한 경우, 지정한 dataField 에 맞는 필터 레이어(필터 메뉴)를 오픈합니다.

만약, 동일한 칼럼의 필터 레이어(필터 메뉴)가 이미 열려진 경우, 이 메소드는 닫는 역할(즉, 토글 역할)을 하게 됩니다.

파라메터 설명

• dataField (String) : 칼럼의 dataField 명

다음은 메소드 사용 예제입니다.

    // 이름 칼럼의 필터 레이어(필터 메뉴)를 오픈합니다.
    AUIGantt.openFilterLayer(myGanttID, "name");

참고 : 필터 레이어 닫기 메소드 - closeFilterLayer, 현재 필터 레이여 열려 있는지 여부 메소드 - isOpenFilterLayer

사용자의 키 입력 또는 F2, 마우스 (더블) 클릭 등의 행위 없이 셀을 수정할 수 있게 현재 선택된 그리드의 셀에 편집기(Inputer)를 강제로 오픈합니다.

간트 그리드에서 선택한 행을 내어 쓰기 하여 계층 구조로 만듭니다.

내어 쓰기 된 행은 부모 행(요약 작업) 이 될 수가 있습니다.

간트 다이어그램을 다시 그리기를 실행합니다.

간트 그리드를 다시 그리기 즉, 업데이트를 실행합니다.

간트 그리드의 칼럼 레이아웃을 다시 작성합니다.

예를 들어 칼럼 레이아웃의 필드가 추가되거나, 순서가 바뀐 경우 해당 메소드로 변경 가능합니다.

파라메터 설명

• layout : (Array-Object) 새로운 칼럼 레이아웃
• extraProps : (Object) 적용 속성 정보

간트 차트에 표시된 프리로더가 있다면 삭제합니다.

간트 차트에 메세지가 출력되었다면 제거합니다.

간트 그리드의 특정 작업 행(row)에 메모가 있다면 삭제 합니다.

파라메터 설명

• id : (String) 행의 ID 값

예를 들어 현재 선택된 행의 메모를 제거하고자 한다면 다음과 같습니다.

 // 선택 행들 얻기
 var rows = AUIGantt.getSelectedRows(myGanttID);
 var row = rows[0];
 var idField = AUIGantt.getRowId(myGanttID); 
 var id = row[idField]; // ID 얻기
 // 메모 제거함.
 AUIGantt.removeMemoById(myGanttID, id);

간트 차트의 크기를 변경합니다.

파라메터 설명

• width (Number) : 변경시키고자 하는 가로 사이즈
• height (Number) : 변경시키고자 하는 세로 사이즈
• applyParentDiv (Boolean) : 주어진 width, height 의 값으로 간트 차트의 부모 Div 의 크기도 같이 변경 시키질 여부 (기본: false)

만약 파라메터 없이 resize 메소드 호출 시 부모 Div의 크기를 다시 계산하여 그에 맞게 사이즈를 변경합니다.

간트 차트에서 토요일 및 일요일이 작업일에 포함되지는 또는 명절과 같은 휴일에 해당되는 날짜를 지정합니다.

즉, 간트 차트에 작업일이 아닌 날짜를 설정합니다.

파라메터 설명

• calendarProps : (Object) 작업일 설정 객체

  calendarProps 는 다음의 key-value 를 갖는 객체입니다.

  • startHour (Number) : 출근 시간에 해당되는 작업 시작 시간(hour)를 지정합니다.(기본값:9)
  • endHour (Number) : 퇴근 시간에 해당되는 작업 종료 시간(hour)를 지정합니다.(기본값:18)
  • sunday (Boolean) : 일요일이 휴일인지 여부를 지정합니다.(기본값: true)
  • saturday (Boolean) : 토요일이 휴일인지 여부를 지어합니다.(기본값:true)
  • exceptDays (Array-Object) : 기타 휴일을 지정합니다.(예: 명절이나 공휴일)

예를 들어 작성하면 다음과 같습니다.

  AUIGantt.setCalendarProps(myGanttID, {
      "startHour" : 9,
      "endHour" : 18,
      "sunday" : true,
      "saturday" : false,
      "exceptDays" : [{
         "start" : "2017/08/15",
         "end" : "2017/08/15",
         "text" : "광복절"
       }, {
         "start" : "2017/10/04",
         "end" : "2017/10/06",
         "text" : "추석 연휴"
     }]
  });

간트 그리드의 선택된 셀의 배경 색상을 지정합니다.

파라메터 설명

• color : (String) RGB 색상

간트 그리드의 선택된 셀의 글꼴 색상을 지정합니다.

파라메터 설명

• color : (String) RGB 색상

간트 차트 다이어그램의 바 차트, 선 스타일의 색상등 기본 스타일을 변경합니다.

파라메터 설명

• styleObj : (Object) 스타일 변경 객체

예를 들어 간트 차트의 바차트, 선 스타일을 변경하고자 한다면 다음과 같습니다.

 // 차트 기본 색상 설정하기
 AUIGantt.setChartStyles(myGanttID, {
     // 브랜치
     branchBgColor : "#FF0000",
     branchProgressColor : "#FF8800",
     // 리프
     taskBgColor : "#5a8c1a",
     taskProgressColor : "#5accda",
     // 마일스톤
     milestoneBgColor : "#555555",
     // 선행관계 연결선
     connectorColor : "#000000"
 });

styleObj(스타일 변경 객체는) AUIGantt.resources.kr.js(또는 해당 언어) 의 chartStyles 선언의 확장입니다.

간트 차트 다이어그램의 개별 작업 바 차트의 스타일을 변경합니다.

파라메터 설명

• styleObj : (Object) 스타일 변경 객체
• taskNo : (Number) 작업 번호

예를 들어 간트 차트의 5번 작업의 바차트 스타일을 변경하고자 한다면 다음과 같습니다.

 // 5번 작업 색상 설정하기
 AUIGantt.setChartStyles(myGanttID, {
     // 브랜치
     branchBgColor : "#FF0000",
     branchProgressColor : "#FF8800",
     // 리프
     taskBgColor : "#5a8c1a",
     taskProgressColor : "#5accda",
     // 마일스톤
     milestoneBgColor : "#555555"
 }, 5);

간트 차트 바(bar)의 드래깅으로 수정 가능 여부를 변경합니다.

파라메터 설명

• draggable : (Boolean) 드래깅 가능 여부

간트 차트의 편집 가능 여부를 변경합니다.

파라메터 설명

• editable : (Boolean) 편집 가능 여부

필터링을 설정하고 실행합니다.

enableFilter 속성이 true 설정되어야 가능합니다.

파라메터 설명

• dataField (String) : 칼럼이 출력하고 있는 데이터의 필드명
• filterFunction (Function) : 필터링 비교 함수
  

  중요 시점(milestone) 인 경우만 필터링하여 출력 시키는 사용 예는 다음과 같습니다.

   // dataField : 칼럼이 출력하고 있는 데이터의 필드명
   // value : 행의 dataField 에 맞는 값.
   // item : 행 전체 아이템
   AUIGantt.setFilter(myGanttID, "name",  function(dataField, value, item) {
        return AUIGantt.utils.isMilestone(item);
   });

필터링된 일괄 정보를 통하여 필터링 상태로 만듭니다.

이 메소드는 일반적으로 getFilterCache 메소드와 같이 사용 합니다.

파라메터 설명

• cache (Object) : 필터링 필드와 현재 필터링 된 값들에 대한 정보

Also See : getFilterCache

간트 그리드에 키보드 포커싱이 되도록 지정합니다.

미리 작성된 간트 차트 데이터를 삽입합니다.

해당 메소드는 "불러 오기"에 해당되는 메소드입니다.

기존에 작성된 간트 차트 데이터를 삽입할 때 사용하십시오.

파라메터 설명

• data (String or Object) : 간트 차트 데이터

참고 : 파라메터인 data 는 getGanttData 를 통해 얻은 값을 의미합니다.

간트 다이어그램의 특정 날짜에 핀(pin)을 꼽아 강조하도록 설정합니다.

파라메터 설명

• pinList : (Array-Object) 핀(pin) 정보 리스트

  핀 정보는 배열로 정의하며, 요소는 Object 입니다. 해당 Object 는 다음 요소를 갖습느디

  • date (Date) : 핀을 설정할 날짜
  • isTimeBase (Boolean) : 지정한 날짜(즉, date로 설정한 값)이 시간까지 포함된 경우(기본값: false). 이 값이 true 라면 시간대까지 계산됨.
  • pinStyle (String) : 핀 스타일 클라스(CSS)
  • text (String) : 핀 오버 시 출력 텍스트
  • lineWidth (Number) : 핀의 세로 선 넓이
  • isDashedLine (Boolean) : 점선으로 출력할지 여부
  • lineColor (Number) : 핀의 세로 선 RGB 색상(color)

다음은 해당 메소드 사용 예입니다.

 // 간트차트에 출력시킬 중요날짜(핀업) 설정
 AUIGantt.setGanttPinElements(myGanttID, [{
      date : "2017/07/17 16:30",
      isTimeBase : true, 
      pinStyle : "aui-gantt-red-pin-marker",
      text : "중간 보고 4시 30분",
      lineWidth : 1,
      isDashedLine : true,
      lineColor : "#FF0000"
 }, {
      date : "2017/07/28",
      pinStyle : "aui-gantt-black-pin-marker",
      text : "내부 완료 보고",
      lineWidth : 1,
      isDashedLine : false,
      lineColor : "#000000"
 }]);

그리드이 수평 스크롤이 생성되어 있을 때 수평 스크롤을 칼럼 인덱스 단위로 이동 시킬 수 있는 메소드입니다.

파라메터 설명

• columnIndex (Number) : 수평 스크롤의 시작점이 될 칼럼의 인덱스

그리드의 수평 스크롤이 생성되어 있을 때 수평 스크롤을 픽셀 단위로 이동 시킬 수 있는 메소드입니다.

파라메터 설명

• px (Number) : 수평 스크롤이 이동할 픽셀 단위의 값

간트 차트에 메세지를 출력시킵니다.

파라메터 설명

• msgHTML (String) : 간트 차트에 표시될 메세지를 포함한 HTML 구문입니다.

만약 데이터가 존재하지 않아 데이터가 없다는 메세지를 출력시키는 예는 다음과 같습니다.

간트 차트의 특정 행을 수정하지 못하도록 잠금 설정합니다.

파라메터 설명

• index (Array or String) : 설정하고자 하는 행의 작업번호(들) 또는 "selectedIndex"

다음은 메소드 사용 예제입니다.

 // uuids 에 "selectedIndex" 를 지정하면 현재 선택된 행(들)을 잠금 설정합니다.
 AUIGantt.setLockRows(myGanttID, "selectedIndex");
 
 // 작업번호 1에 해당하는 행을 잠금 설정합니다.
 AUIGantt.setLockRows(myGanttID, "1");
 
 // 작업번호 1, 2, 3에 해당하는 행들을 잠금 설정합니다.
 AUIGantt.setLockRows(myGanttID, ["1", "2", "3"]);

간트차트에서 실제 시작날짜와 실제 종료날짜에 해당되는 베이스라인(baseline) 을 설정한 경우, 베이스라인을 최초 계획날짜와 동일하게 모두 초기화합니다.

간트 차트의 프로젝트 시작 날짜를 설정합니다.

기존 문서를 설정하지 않은 경우, 기본 프로젝트 시작 날짜는 "오늘"에 해당되는 현재 날짜입니다.

시작 날짜를 변경하고자 한다면 이 메소드를 사용하십시오. 선행 관계가 존재한다면 일괄적으로 변경됩니다.

파라메터 설명

• startDate (Date) : 프로젝트 시작 날짜

예를 들어 2020년 1월 1일을 시작 날짜로 변경하고자 한다면 다음과 같습니다.

 // 2020년 1월 1일을 시작 날짜로 변경
 AUIGantt.setProjectStartDate(myGanttID, new Date("2020/01/01"));

수직 스크롤이 생긴 경우 해당 rowIndex 를 그리드 최상단으로 보이도록 지정합니다.

파라메터 설명

• rowPosition (Number) : 그리드 상단으로 위치할 rowIndex

간트 그리드의 특정 행, 열에 맞는 셀을 선택하도록 지시합니다.

파라메터 설명

• rowIndex : (Number) 선택하고자 하는 행 인덱스
• columnIndex : (Number) 선택하고자 하는 열 인덱스

정렬(Sorting)을 설정하고 실행합니다.

파라메터 설명

• sortingInfo (Array) : 정렬 실행 시킬 정보를 담은 배열

예를 들어 차례로 작업 이름 순으로 오름차순 하고자 한다면 다음과 같습니다.

 // sortType 은 오름차순 1, 내림 차순 -1
 AUIGantt.setSorting(myGanttID, {dataField : "name", sortType : 1});

간트 그리드(시트)와 다이어그램(차트)를 나누는 스플리터(splitter) 의 크기를 변경합니다.

적용되는 크기는 간트 그리드(시트) 영역이 실제 적용됩니다.

단위는 픽셀과 퍼센티지를 지원합니다.

파라메터 설명

• size (Number or String) : 조절하고자 하는 크기

다음은 메소드 사용 예제입니다.

 // 간트 그리드(시트) 영역을 500 픽셀로 변경
 AUIGantt.setSplitterSize(myGanttID, 500);
 
 // 간트 그리드(시트) 영역을 50% 비율로 변경
 AUIGantt.setSplitterSize(myGanttID, "50%");

간트 차트 다이어그램의 헤더에 출력된 시간 범위를 구체적인 날짜로 지정합니다.

파라메터 설명

• startDate (Date) : 시작 날짜
• endDate (Date) : 종료 날짜

예를 들어 2017년 1월 1일 ~ 2017년 1월 3일까지 간트 차트 다이어그램의 시간 축을 표현하고자 한다면 다음과 같습니다.

 // 2017년 1월 1일 ~ 2017년 1월 3일까지만 보기
 AUIGantt.setTimeScaleByDates(myGanttID, new Date("2017/01/01"), new Date("2017/01/03 24:00:00"));

참고 : setTimeScaleUnit 는 시간 단위를 지정하고, setTimeScaleByDates 날짜 범위를 지정합니다.

간트 차트 다이어그램의 헤더에 출력된 시간 단위를 지정합니다.

파라메터 설명

• timeUnit (String) : 시간 단위, 유효값 : "year", "half", "quarter", "month", "month2", "week", "week2", "day", "day2", "6hours", "hour", "30minutes", "20minutes", "10minutes"

예를 들어 현재 간트 차트의 시간 단위를 주(week) 으로 변경하고자 한다면 다음과 같습니다.

 // 주 단위로 간트 차트 시간 단위 변경
 AUIGantt.setTimeScaleUnit(myGanttID, "week");
 
 // 확장된 주 단위로 간트 차트 시간 단위 변경
 AUIGantt.setTimeScaleUnit(myGanttID, "week2");

참고 : setTimeScaleUnit 는 시간 단위를 지정하고, setTimeScaleByDates 날짜 범위를 지정합니다.

간트 차트의 특정 행을 수정하지 못하도록 잠금 설정한 경우 해제 합니다.

파라메터 설명

• index (Array or String) : 설정하고자 하는 행의 작업번호(들) 또는 "selectedIndex"

다음은 메소드 사용 예제입니다.

 // uuids 에 "selectedIndex" 를 지정하면 현재 선택된 행(들)을 잠금 해제 설정합니다.
 AUIGantt.setUnLockRows(myGanttID, "selectedIndex");
 
 // 작업번호 1에 해당하는 행을 잠금 해제 설정합니다.
 AUIGantt.setUnLockRows(myGanttID, "1");
 
 // 작업번호 1, 2, 3에 해당하는 행들을 잠금 해제 설정합니다.
 AUIGantt.setUnLockRows(myGanttID, ["1", "2", "3"]);

간트 차트에 프리로더를 표시합니다.

간트 그리드 칼럼을 숨기기 한 경우, 원래 설정한 칼럼 모두를 보이는 상태로 만듭니다.

주어진 데이터 필드(dataField)에 맞는 그리드 칼럼을 보이도록 지정합니다.

복수의 칼럼을 보이도록 지정하고자 한다면 배열로 설정하십시오. (예: ["name", "resources", "progress"] )

파라메터 설명

• dataField (String or Array) : 칼럼의 데이터 필드명(들)

계층형으로 간트차트 데이터를 작성한 경우 주어진 depth 까지만 Open 하여 보이도록 지정합니다.

깊이(depth) 는 Root 가 1에 해당되며 하위 브랜치로 내려갈 수록 1씩 증가합니다.

파라메터 설명

• depth (Number) : 표현하고자 하는 계층 깊이(depth)

간트차트에서 실제 시작날짜와 실제 종료날짜에 해당되는 베이스라인(baseline) 을 설정한 경우, 베이스라인의 보이기/감추기를 설정합니다.

파라메터 설명

• flag (Boolean) : 보이기/감추기 여부

간트 그리드의 선택된 셀에 볼드체 토글(toggle)를 지정합니다.

간트 그리드의 선택된 셀에 이탤릭체 토글(toggle)를 지정합니다.

간트 그리드의 선택된 셀에 언더라인 토글(toggle)를 지정합니다.

간트 차트 이벤트 핸들링을 마무리 짓습니다. 즉, 언바인딩하는 메소드입니다.

파라메터 설명

• type : (String or Array) 언바인딩하고자 하는 이벤트 유형

예를 들면 cellClick 이벤트를 언바인당하고자 하는 경우 다음과 같습니다.

 AUIGantt.unbind(myGanttID, "cellClick"); 

주어진 날짜를 기준으로 모든 작업의 진행률(progress) 를 모두 업데이트합니다.

파라메터 설명

• date (Date) : 기준 날짜
• normalMode (Boolean) : 0~100% 기준으로 할지, 0 또는 100% 로 할지 여부(기본값: true)

예를 들어 오늘 날짜 기준으로 전체 작업들의 진행률을 업데이트하고자 한다면 다음과 같습니다.

  AUIGantt.updateProgressAll(myGanttID, new Date());
  // 오늘 날짜 기준으로 진행률 업데이트 하되, 0 또는 100% 만 표시
  //AUIGantt.updateProgressAll(myGanttID, new Date(), false);

주어진 날짜를 기준으로 간트 그리드에서 선택한 작업의 진행률(progress) 를 모두 업데이트합니다.

파라메터 설명

• date (Date) : 기준 날짜
• normalMode (Boolean) : 0~100% 기준으로 할지, 0 또는 100% 로 할지 여부(기본값: true)

예를 들어 오늘 날짜 기준으로 선택 작업들의 진행률을 업데이트하고자 한다면 다음과 같습니다.

  AUIGantt.updateTaskProgress(myGanttID, new Date());
  // 오늘 날짜 기준으로 진행률 업데이트 하되, 0 또는 100% 만 표시
  //AUIGantt.updateTaskProgress(myGanttID, new Date(), false);

간트 차트 다이어그램 영역의 시간 축을 확대하여, 결과적으로 간트 바 차트를 키우도록 지시합니다.

간트 차트 다이어그램 영역의 시간 축을 축소하여, 결과적으로 간트 바 차트를 축소되도록 지시합니다.