AUISoft
AUIGantt 3.6 Documentation
Properties

AUIGantt 에서 정의 가능한 속성 리스트입니다.

NameDescription
applyRestPercentWidth
Type : Boolean

칼럼 레이아웃 작성 시 칼럼의 width 를 퍼센티지(%) 로 설정한 경우 퍼센티지 적용 대상이 명시적 칼럼 사이즈를 제외하고 남는 width를 대상으로 할지 여부를 지정합니다.

예를 들어 칼럼을 3개 만든 경우 각각 "100", "50%", "50%" 로 작성했을 때 다음 처럼 반응합니다.

  • applyRestPercentWidth = false 인 경우 : 100 픽셀을 무시하고 전체 그리드 사이즈의 50% 공간을 각각 2번째, 3번째 칼럼 사이즈로 할당합니다.
  • applyRestPercentWidth = true 인 경우 : 전체 그리드 사이즈에서 100 픽셀을 제외한 공간에서 각각 50% 씩 칼럼 사이즈로 할당합니다.

이 속성은 칼럼의 width 속성을 명시적 사이즈와 퍼센티지 사이즈를 혼용해서 사용할 때만 유효합니다.

기본값(default) : false.
autoEditBeginMode
Type : Boolean

터치가 지원되는 모바일 기기(아이폰, 아이패드, 안드로이드 기기 등)로 접속 시 셀 편집을 탭(tap)하여 수정하게 만들지 여부를 지정합니다.

즉, autoEditBeginMode=true 설정하면 editBeginMode 가 "doubleClick" 이라도 모바일 기기로 접속하면 탭으로 수정 가능합니다.(PC는 기존 더블클릭 유지함)

기본값(default) : false.
chartDragTooltipFunction
Type : Function   Version: 3.6

간트 차트 다이어그램의 바를 드래깅하여 날짜나 기간 변경 시 나타나는 툴팁의 내용을 사용자 정의합니다.

툴팁펑션은 함수를 지정해야 하며 함수 형태는 다음과 같습니다.

  • item (Object): 행 아이템
  • startDate (Number) : 드래깅 시작 날짜
  • endDate (Number) : 드래깅 종료 날짜
  • resizerPos (String) : 사용자가 드래깅 하는 바의 위치(유효값 : start, end, both)
  • isBaseline (Boolean) : 베이스라인(baseline) 으로 출력된 경우 베이스라인에 마우스 오버했는지 여부
 
 chartDragTooltipFunction : (item, startDate, endDate, resizerPos, isBaseline) {
    // 로직 처리
    return '' + item.name + '' + '
시작일 : ' + startDate + '
종료일 : ' + endDate + '
기 간 : ' + period + '
완료율 : ' + progress; }

함수의 반환값이 곧 툴팁의 내용으로 출력됩니다.(HTML 로 정의 가능). 만약 null 또는 "" 를 반환하면 툴팁 표시 안함.

기본값(default) : null.
chartTooltipFunction
Type : Function   Version: 3.6

간트 차트 다이어그램의 바에 마우스 오버 시 나타나는 툴팁의 내용을 사용자 정의합니다.

툴팁펑션은 함수를 지정해야 하며 함수 형태는 다음과 같습니다.

  • item (Object): 행 아이템
  • isBaseline (Boolean) : 베이스라인(baseline) 으로 출력된 경우 베이스라인에 마우스 오버했는지 여부
 
 chartTooltipFunction : function(item, isBaseline) {
    // 로직 처리
    return '' + item.name + '' + '
시작일 : ' + startDate + '
종료일 : ' + endDate + '
기 간 : ' + period + '
완료율 : ' + progress; }

함수의 반환값이 곧 툴팁의 내용으로 출력됩니다.(HTML 로 정의 가능). 만약 null 또는 "" 를 반환하면 툴팁 표시 안함.

기본값(default) : null.
contextMenuItems
Type : Array

컨텍스트 메뉴 아이템을 사용자 정의 할 수 있는 속성입니다.

Object 를 배열 요소로 갖는 배열을 정의하십시오. Object 가 하나의 컨텍스트 메뉴 아이템이 됩니다.

다음은 사용자 정의한 컨텍스트 아이템들 예시입니다.

  var myContextMenus = [ {
       // label 에 $value 를 설정하면 마우스가 있는 곳의 value 값으로 대체됩니다.
       label : "$value (커스텀)",  callback : contextItemHandler 
     }, {
       label : "_$line" // label 에 _$line 을 설정하면 라인을 긋는 아이템으로 인식합니다.
     }, {
       label : "Export To Excel", callback : contextItemHandler
     }, {
       label : "Open Google.com", callback : contextItemHandler
  }];
 
  • label : 컨텍스트 메뉴에 표시될 텍스트 입니다. label 에 $value 를 설정하면 마우스가 있는 곳의 value 값으로 대체되어 출력됩니다.
  • style : 개별 아이템의 스타일을 지정합니다. 유효값은 CSS 의 클래스 선언자명입니다.
  • callback : 컨텍스트 메뉴에서 아이템을 선택했을시 호출 되는 함수입니다.
기본값(default) : Array.
defaultColumnWidth
Type : Number

칼럼의 가로 사이즈(width) 기본(default)값을 지정합니다.

기본값은 칼럼 레이아웃에서 width 속성을 지정하지 않은 칼럼에게 적용됩니다.

기본값(default) : 80.
defaultTimeUnit
Type : String   Version: 3.6

간트 다이어그램의 헤더에 출력되는 날짜 유닛의 기본 시간 단위를 지정합니다.

유효값은 "year", "half", "quarter", "month", "month2", "week", "week2", "day", "day2", "6hours", "hour", "30minutes", "20minutes", "10minutes" 입니다.

기본값(default) : "day".
delKeyOnlyFixedPeriod
Type : Boolean   Version: 3.6

기간(Period)에서 Del 키 누른 경우 기간을 1일로 변경시키는 것이 아닌 아닌 기간 확정 상태만 삭제할지 여부를 지정합니다. 예로 기간이 3일로 고정 된 경우 Del 키로 '3일'을 삭제하면 '3일?'로 기간 확정 상태만 삭제됩니다.

기본값(default) : true.
delKeyOnlyPredecessor
Type : Boolean   Version: 3.6

선행작업에서 Del 키 누른 경우 단순히 Predecessor 만 삭제시킬 뿐 프로젝트 시작 날짜로 작업을 이동 시키지 않을지 여부를 지정합니다.

기본값(default) : true.
draggable
Type : Boolean   Version: 3.5

간트 차트의 바를 드래그&드랍으로 편집 수정 가능케 할지 여부를 지정합니다.

editable 속성이 true 인 경우만 활성화 됩니다.

기본값(default) : true.
editable
Type : Boolean

편집 수정 가능 여부를 지정합니다.

기본값(default) : true.
editBeginMode
Type : String

마우스로 편집, 수정 모드로 들어가는 정책을 지정합니다.

더블클릭과 클릭 중 택할 수 있습니다. 유효값: doubleClick, click

키보드로 편집, 수정 모드 들어가는 방법은 F2입니다.

기본값(default) : "doubleClick".
enableAnimation
Type : Boolean

간트 차트 다이어그램의 시간 축 확대/축소 또는 해당 날짜로 이동 시 애니메이션 효과를 내며 실행할지 여부를 지정합니다.

기본값(default) : true.
enableClipboard
Type : Boolean

그리드 데이터 복사하기(Ctrl+C), 붙여넣기(Ctrl+V) 활성화 여부를 지정합니다.

기본값(default) : true.
enableColumnResize
Type : Boolean

칼럼 리사이징 가능 여부를 지정합니다.

기본값(default) : true.
enableFilter
Type : Boolean

칼럼 필드 필터링 기능 활성화 여부를 지정합니다.

기본값(default) : true.
enableHScrollByWheel
Type : Boolean

그리드에 삽입된 데이터 양이 적어 수직 스크롤이 생성되지 않았을 때 마우스 휠(wheel)이 수평 스크롤에 반응할지 여부를 지정합니다.

만약, enableMouseWheel=false 설정하면 enableHScrollByWheel 는 무시됩니다.

기본값(default) : true.
enableMouseWheel
Type : Boolean

마우스 휠(wheel) 활성화 여부를 지정합니다.

이 속성을 false 로 설정하면, 마우스 휠로 그리드의 스크롤이 반응하지 않습니다.

기본값(default) : true.
enterKeyColumnBase
Type : Boolean

엔터키가 다음 행으로 이동하지 않고, 다음 칼럼으로 이동할지 여부를 지정합니다.

기본값(default) : false.
exportURL
Type : String

엑셀(xlsx), CSV, TXT 등으로 내보내기(Export) 할 때 내보내기 된 내용물을 다운로드 형식으로 응답해 줄 서버단 URL 주소를 지정합니다.

해당 서버단 파일은 PHP, JSP 등이 될 수 있습니다. 제공된 샘플의 server_script 폴더에 샘플 JSP, PHP, ASP 가 있습니다.

해당 파일을 WAS 에 업로드 할 해당 주소를 지정해 주십시오.

기본값(default) : null.
filterLayerHeight
Type : Number

헤더의 필터 아이콘을 클릭했을 때 나오는 필터 기본 메뉴의 높이를 픽셀 단위로 지정합니다.

기본값(default) : 320.
filterLayerWidth
Type : Number

헤더의 필터 아이콘을 클릭했을 때 나오는 필터 기본 메뉴의 넓이를 픽셀 단위로 지정합니다.

기본값(default) : 260.
filterMenuItemMaxCount
Type : Number

칼럼의 필터링 아이콘 클릭 시 나오는 필터링 메뉴에서 해당 칼럼의 값들이 많을 경우 모두 체크 박스로 출력되지 않습니다.

filterMenuItemMaxCount 은 필터링 가능한 체크박스의 최대값을 지정합니다.

보이지 않는 값들을 필터링하고자 할 때 자동완성(auto complete) 기능으로 검색하여 체크박스 선택하십시오.

기본값(default) : 40.
filterNoValuePosition
Type : String

필터 메뉴에 표현 될 "필드 값 없음" 의 위치를 지정합니다.

그리드의 데이터 중 값이 없는 셀이 있는 경우 "필드 값 없음" 으로 필터 메뉴에 출력되는데 이 "필드 값 없음"이 표시 될 위치를 최상단에 위치시키고자 한다면 "top" 로 설정하십시오.

유효값은 "top" 와 "bottom" 입니다.

기본값(default) : "bottom".
gridWidth
Type : Number or String

간트 그리드와 간트 다이어그램으로 간트 차트는 구성됩니다.

여기서 간트 그리드가 차지할 가로 사이즈를 지정합니다.

예로 간트 그리드와 다이어그램을 동일한 크기로 표현하고자 한다면 "50%로 지정하십시오.

해당 값은 픽셀 단위(Number) 와 퍼센티지(String)이 가능합니다.

기본값(default) : "40%".
headerHeight
Type : Number

헤더의 높이를 지정합니다.

기본값(default) : 46.
height
Type : Number

그리드의 세로 사이즈를 픽셀 단위로 지정합니다. 이 세로 사이즈를 지정하지 않으면 부모 DIV 의 height 만큼 할당됩니다.(즉, 부모 height의 100%)

기본값(default) : NaN.
independentBranch
Type : Boolean   Version: 3.6

요약 작업(브랜치, 부모 작업)을 하위 작업과 관계 없이 자유롭게 변경 가능 여부를 지정합니다.

이 속성을 true로 설정하면 하위 작업과의 의존도는 사라지고 독립적인 작업 상태가 됩니다. 하위 작업들 일정이 변경됐을 때 요약 작업(브랜치, 부모 작업)은 영향 받지 않습니다.

기본값(default) : false.
independentPredecessor
Type : Boolean   Version: 3.6

선행 작업의 종속성 여부를 지정합니다.

이 속성을 true로 설정하면 선행 작업의 종속성이 제거되어 단순히 선만 연결하는 역할을 하게 됩니다.

즉, 선행 작업 관계에 있는 작업들의 시작, 종료 날짜를 변경 시키지 않습니다.

기본값(default) : false.
isColumnOriented
Type : Boolean

isColumnOriented = true 설정이라면 Home, End 키가 칼럼의 시작과 끝으로 각각 이동 합니다.

키보드의 Home, End 키가 칼럼이 아닌 행의 시작과 끝으로 이동하고자 한다면 이 속성을 false 설정하십시오.

기본값(default) : true.
isGenNewRowsOnPaste
Type : Boolean

다수의 행을 클립 보드 붙여넣기(Ctrl+V) 할 때 그리드의 마지막 하단 행보다 클립보드 양이 많은 경우, 새 행을 만들고 붙여넣기 할지 여부를 지정합니다.

기본값은 클립보드의 양이 많은 경우 자동으로 그리드에 새 행을 추가하고 모든 클립보드 데이터를 붙여 넣습니다.

그러나 isGenNewRowsOnPaste=false 처리 시 그리드 출력 행보다 많은 클립보드 데이터는 무시하게 됩니다. 즉, 새 행을 만들지 않습니다.

기본값(default) : true.
minColumnWidth
Type : Number

칼럼의 최소 사이즈를 지정합니다.

여기서 지정한 칼럼 사이즈보다 칼럼은 작아지지 않습니다.

기본값(default) : 12.
monthToYearMode
Type : Boolean   Version: 3.6

기본 시간 단위(timeUnit)을 "month" 또는 "month2" 로 선택한 경우 분기(quarter)가 아닌 연도(year) 로 메이저 틱을 표시할지 여부를 나타냅니다.

기본값(default) : true.
msFsNoGap
Type : Boolean   Version: 3.6

마일스톤에 해당되는 작업을 선행 작업으로 설정한 경우 "종료 후 시작(Finish to Start)" 마일스톤 바로 그 날짜부터 적용 시킬지 여부를 지정합니다.

일반적으로 "종료 후 시작(Finish To Start)"는 그 다음 날에 해당됩니다. 이 속성을 설정하면 그 다음 날이 아닌 그 날 바로 시작하게 됩니다.

기본값(default) : false.
onlyEnterKeyEditEnd
Type : Boolean

이 속성을 true 설정하면 셀을 수정하고 완료를 하기 위해 엔터(Enter) 키를 입력할 때 수정 완료 행위만 하고 다음 행으로 선택자를 내리지 않습니다.

기본값(default) : false.
onlyTreeLastDepthSorting
Type : Boolean

트리 그리드(계층형 데이터 그리드)에서 정렬을 할 때 최하단의 Depth 에 해당되는 행(rows)만 정렬을 실행할지 여부를 지정합니다.

기본값(default) : false.
progressInterval
Type : Number   Version: 3.6

간트 작업 바에서 완료율을 드래깅하여 변경할 때 틱당 적용될 진행도의 수치를 지정합니다. 예로 5를 설정하면 5%씩 증감합니다.

기본값(default) : 5.
resizeKnobWidth
Type : Number

간트 그리드와 간트 다이어그램 간의 경계인 리사이저의 크기를 픽셀 단위로 지정합니다.

기본값(default) : 5.
rowHeight
Type : Number

행의 높이를 지정합니다. 행의 높이는 20보다 작아질 수 없습니다. (즉, 행 높이 최소값은 20)

기본값(default) : 26.
rowNumColumnWidth
Type : Number

작업 번호 칼럼의 가로 사이즈(width)를 지정합니다.

showRowNumColumn=true 설정인 경우만 유효합니다.

기본값(default) : 40.
scrollHeight
Type : Number

스크롤의 높이(수직 스크롤인 경우 넓이)를 지정합니다.

기본값(default) : 14.
scrollThumbHeight
Type : Number

스크롤 썸(thumb)의 높이(수직 스크롤인 경우 넓이)를 지정합니다.

기본값(default) : 12.
showAutoNoDataMessage
Type : Boolean

그리드가 표현할 데이터가 존재 하지 않을 때 자동으로 메세지를 출력할지 여부를 지정합니다.

출력 메세지는 noDataMessage 속성의 값이 출력되니 메세지를 변경하고자 할 때는 noDataMessage 를 변경하십시오.

기본값(default) : true.
showBaselineBar
Type : Boolean

실제 작업일에 해당되는 보조지표인 베이스라인(baseline) 출력 여부를 지정합니다.

선행적으로 반드시 간트 그리드의 칼럼 레이아웃에 "startActual" 과 "endActual" 을 포함시켜야 합니다.

기본값(default) : false.
showProjectEndLine
Type : Boolean

간트 다이어그램에 프로젝트 종료 날짜에 해당되는 핀(pin)엘리먼트 출력 여부를 지정합니다.

기본값(default) : false.
showProjectStartLine
Type : Boolean

간트 다이어그램에 프로젝트 시작 날짜에 해당되는 핀(pin)엘리먼트 출력 여부를 지정합니다.

기본값(default) : false.
showRowNumColumn
Type : Boolean

작업 번호 칼럼의 출력 여부를 지정합니다.

이 속성 값이 true 이면 최좌측에 작업 번호 칼럼이 생성됩니다.

기본값(default) : true.
showTodayLine
Type : Boolean

간트 다이어그램에 오늘 날짜에 해당되는 핀(pin)엘리먼트 출력 여부를 지정합니다.

기본값(default) : true.
showTooltip
Type : Boolean

그리드 툴팁 표시 여부를 지정합니다.

기본값(default) : false.
showTooltipBar
Type : Boolean

간트 다이어그램 바에 마우스 오버 시 툴팁 표시 여부를 지정합니다.

기본값(default) : true.
showTooltipHeader
Type : Boolean

간트 다이어그램의 시간 축에 마우스 오버 시 툴팁 표시 여부를 지정합니다.

기본값(default) : false.
skipReadonlyColumns
Type : Boolean

개별 칼럼에 editable=false 를 설정한 경우 키보드 방향키(또는 Tab, Home, End)가 해당 칼럼(읽기 전용 칼럼)을 건너 뛰어 셀렉션을 표현할지 여부를 지정합니다.

주의 : cellEditBegin 이벤트로 동적 편집 불가 설정은 한 셀에 대해서는 적용되지 않습니다.

기본값(default) : false.
timeUnitWidth
Type : Number

간트 다이어그램의 헤더에 출력되는 날짜 유닛의 기본 가로 사이즈를 지정합니다.

기본값(default) : 34.
tooltipSensitivity
Type : Number

툴팁 표시를 설정한 경우(showTooltip:true 설정) 툴팁이 표시되는 시간을 ms 로 지정합니다.

즉, 특정 셀에 마우스 오버를 한 경우 tooltipSensitivity 값 이후에 툴팁이 출력됩니다.

예를 들어 tooltipSensitivity=1000 을 지정한 경우 1 초 후 툴팁이 표시됩니다. 마우스 오버 시 바로 툴팁 표시를 원하면 0 을 설정하십시오.

기본값(default) : 700.
treeColumnIndex
Type : Number

계층형 그리드(트리 그리드) 에서 트리 아이콘을 출력시킬 칼럼 인덱스를 지정합니다.

기본값(default) : 0.
treeLevelIndent
Type : Number

계층형 그리드(트리 그리드) 에서 자식 행과 부모 행의 왼쪽 간격(indent)를 지정합니다.

기본값(default) : 18.
useContextMenu
Type : Boolean

컨텍스트 메뉴 사용 여부를 지정합니다.

컨텍스트 메뉴를 사용한다면 기본적으로 필터 메뉴가 생성됩니다. 기본 컨텍스트 메뉴를 사용하고자 한다면 enableFilter = true 설정도 함께 해주십시오.

기본값(default) : false.
wheelSensitivity
Type : Number

마우스 휠(wheel)에 의한 수직 스크롤의 반응도를 결정합니다.

예를 들어 이 속성의 값을 2로 주면 마우스 휠로 반응하는 행의 개수가 2로 변경됩니다.

기본값(default) : 3.
width
Type : Number

그리드의 가로 사이즈를 픽셀 단위로 지정합니다. 이 가로 사이즈를 지정하지 않으면 부모 DIV 의 width 만큼 할당됩니다.(즉, 부모 width의 100%)

기본값(default) : NaN.
wrapSelectionMove
Type : Boolean

마지막 칼럼에서 오른쪽 화살표 키 또는 Tab 키를 누른 경우 다음 행의 시작 칼럼으로 이동할지 여부를 나타냅니다.

반대로 시작 칼럼에서 왼쪽 화살표 키 또는 Shift+Tab 키를 누른 경우 이전 행의 마지막 칼럼으로 이동 여부입니다.

기본값(default) : false.