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

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

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

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

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

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

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

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

• item (Object): 행 아이템
• startDate (Number) : 드래깅 시작 날짜
• endDate (Number) : 드래깅 종료 날짜
• resizerPos (String) : 사용자가 드래깅 하는 바의 위치(유효값 : start, end, both)
• isBaseline (Boolean) : 베이스라인(baseline) 으로 출력된 경우 베이스라인에 마우스 오버했는지 여부

 
 chartDragTooltipFunction : (item, startDate, endDate, resizerPos, isBaseline) {
    // 로직 처리
    return '툴팁 내용';
 } 
 

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

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

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

• item (Object): 행 아이템
• isBaseline (Boolean) : 베이스라인(baseline) 으로 출력된 경우 베이스라인에 마우스 오버했는지 여부

 
 chartTooltipFunction : function(item, isBaseline) {
    // 로직 처리
    return '툴팁 내용';
 } 
 

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

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

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

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

  contextMenuItems : [{
       // 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 : 컨텍스트 메뉴에서 아이템을 선택했을시 호출 되는 함수입니다.

간트 그리드의 셀을 복사(Ctrl+C) 할 때 원래 데이터 값을 복사할지 그리드에 의해 포매팅된 값을 복사할지 여부를 결정할 수 있는 함수입니다.

예를 들어 실 데이터는 1000 이나, 그리드에 의해 "1,000원" 으로 포매팅되어 출력되고 있을 때 Ctrl+C 로 복사할 대상이 1000 또는 "1,000원" 인지를 동적으로 결정하게 됩니다.

copyDisplayFunction 는 copyDisplayValue 속성보다 우선 순위가 높습니다. 따라서 copyDisplayFunction 를 지정하면 copyDisplayValue 는 무시됩니다.

copyDisplayFunction는 함수를 지정해야 하며 함수 형태는 다음과 같습니다.

  copyDisplayFunction : function(rowIndex, columnIndex, value, item, columnItem) {
    // ComboBoxRenderer 를 editRenderer로 작성한 경우는 실 데이터 값을  복사하도록 지시
    if(columnItem.editRenderer && columnItem.editRenderer.type == "ComboBoxRenderer") {
         return false
    }
    return true; // 그 외는 포매팅되어 출력되는 값 복사 지시
 }

• rowIndex : 행 인덱스
• columnIndex : 칼럼 인덱스
• value : 해당 셀의 값
• item : 해당 셀에 출력되고 있는 행 아이템 객체 (Object)
• columnItem : 해당 셀에 출력되고 있는 칼럼 아이템 객체 즉, 칼럼 레이아웃에서 정의한 객체 (Object)

Return : (Boolean) true 를 반환하면 포매팅된 값을, false 반환하면 원래(실제) 값을 복사하게 결정합니다.

간트 그리드의 셀을 복사(Ctrl+C) 할 때 원래 데이터 값을 복사할지 그리드에 의해 포매팅된 값을 복사할지 여부를 나타냅니다.

예를 들어 실 데이터는 1000 이나, 그리드에 의해 "1,000원" 으로 포매팅되어 출력되고 있을 때 Ctrl+C 로 복사할 대상이 1000 또는 "1,000원" 인지를 지정합니다.

copyDisplayValue = false 인 경우 1000 이 복사됩니다.

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

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

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

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

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

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

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

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

간트 차트의 바에 출력된 완료율을 드래그&드랍으로 편집 수정 가능케 할지 여부를 지정합니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

간트 그리드에서 컨텍스트 메뉴 사용 여부를 지정합니다.

간트 바(bar)에서 컨텍스트 메뉴 사용 여부를 지정합니다.

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

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

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

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

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