대량의 데이터를 그리드 형태로 표시하고 수정할 수 있는 컴포넌트.
데이터 정보를 가지고 있는 DataList와 바인딩하여 사용.
소계/합계, 동적 그룹핑, 엑셀 파일 업로드/다운로드, 정렬, 필터링 등을 지원.
데이터 정보를 가지고 있는 DataList와 바인딩하여 사용.
소계/합계, 동적 그룹핑, 엑셀 파일 업로드/다운로드, 정렬, 필터링 등을 지원.
Type
- uiplugin
Property Summary
- accessibility
- 웹 접근성 지원 기능을 사용할지에 대한 여부
- adaptive
- 다양한 화면 크기와 디바이스에 맞게 레이아웃이 변경되는 적응형 웹 모드
- adaptiveThreshold
- [default: 480] adaptive 속성이 설정되어 있을 경우 레이아웃 변경을 하기 위한 임계 값
- alwaysTriggerScrollStart
- 스크롤이 최상단에 위치할 때마다 onscrollstart 이벤트를 발생시킬지 여부
- applyAllColumnStyle
- 컬럼에 지정된 모든 스타일 적용 여부
- arrowMove
- 셀 내부에서 첫 번째 또는 마지막 문자에 있을 때, 좌우 방향키로의 셀 이동을 허용할지 여부
- autoFit
- [default: none, lastColumn, allColumn] 전체 화면 폭에 모든 컬럼의 폭을 균등하게 배분하는 기능으로, 이 기능을 사용하면 가로 스크롤이 나타나지 않음
- autoFitCellMinWidth
- [default: ""] autoFit="allColumn" 설정을 적용하기 위해 필요한 GridView 행의 최소 너비. (단위: px)
- autoFitMinWidth
- [default: ""] autoFit에 "allColumn" 설정을 적용하기 위해 필요한 GridView의 최소 너비 (단위: px)
- autoResizeEmbeddedInput
- [default: false, true] 센스리더 또는 embeddedInput가 "true"이며 inputType이 text 또는 secret일 때, Input의 크기를 자동으로 계산할지 여부
- captionAuto
- [default: false, true] 각 헤더의 제목을 조합해서 그리드의 요약 태그인 캡션 값을 구성할지 여부 (captionTitle 값은 캡션 값의 앞에 제목으로 포함하여 구성)
- captionTitle
- [default: ""] captionAuto를 사용하여 그리드의 요약 태그인 캡션 값을 구성할 때 가장 앞에 추가할 내용
- CellClickFixScrollX
- [default: false, true] 전체 가로 스크롤이 생겼을때 화면에서 일부가 가려진 셀을 클릭함으로써 가로 스크롤이 움직일지의 여부
- cellStatusIconPosition
- [default: right, left] 각 셀의 상태 아이콘 위치를 지정
- cellStatusVisible
- [default: false, true] 각 셀의 값에 변경이 생겼을때 좌측 또는 우측 상단에 아이콘 표시 여부
- checkAllType
- [default: include, exclude] 헤더의 inputType이 checkbox인 경우, 전체 셀을 선택할 때 disabled나 readOnly된 셀을 포함할지에 대한 여부
- checkDisabledOnCut
- [default: true, false] disabled가 "true"인 컬럼의 데이터를 Ctrl+X로 잘라내기를 허용할지 여부
- checkEditableInputClass
- [default: false, true] inputType이 text이고 셀의 상태가 readOnly 혹은 disabled인 경우, nobr 태그에 "w2grid_input" class의 적용여부
- checkEditOnPaste
- [default: false, true] 편집모드 상태에서 n*n 데이터를 Ctrl+V로 붙여넣기할 때, 편집 셀 기준으로 n*n 개의 셀에 데이터를 붙여넣기 할지에 대한 여부
- checkReadOnlyOnCut
- [default: true, false] readOnly가 "true"인 컬럼의 데이터를 Ctrl+X로 잘라내기를 허용할지에 대한 여부
- checkReadOnlyOnPaste
- [default: false, true] readOnly가 "true"인 모든 컬럼에 Ctrl+V로 데이터 붙여넣기를 허용할지에 대한 여부 (checkReadOnlyOnPasteEnable에서 컬럼 지정과 무관)
- checkReadOnlyOnPasteEnable
- [default: ""] readOnly="true"인 컬럼에 Ctrl +V를 통한 붙여넣기를 허용하는 컬럼을 지정
- class
- HTML의 클래스 속성과 동일한 기능을 제공
- columnMove
- [default: false, true] 헤더 부분을 드래깅으로 컬럼 이동 허용
- columnMoveWithFooter
- [default: false, true] 컬럼 이동 시 푸터를 함께 이동할지 여부 설정
- contextMenu
- [default: false, true] 컨텍스트 메뉴 사용 여부
- contextMenuAltClick
- [default: false, true] Alt 키 + 마우스 좌클릭 시, 컨텍스트 메뉴 표시 여부
- copyOption
- [default: dataList, display] 데이터를 복사할 때 DataList에 들어있는 값을 기준으로 복사할지(dataList), 또는 화면에 보이는 기준(display)으로 복사할지를 설정
- copyType
- [default: default, native] 데이터를 복사할 때 포커스된 셀을 전부 복사할지(default) 또는 드래그를 통해 선택한 텍스트를 복사할지(native)를 설정
- ctrlShiftKey
- [default: false, true] Ctrl 키와 Shift 키를 번갈아 사용 가능하게 요청
- customFilterBox
- [default: false, true] 필터가 설정된 상태에서 groupby() 함수를 실행할 경우, 해당 필터를 계속 표시할지 여부
- dataDragDrop
- [default: false, true] 동일한 GridView 또는 서로 다른 GridView 간의 데이터 드래그-앤-드롭을 허용
- dataDragDropOther
- [default: false, true] 서로 다른 GridView 간의 데이터를 드래그-앤-드롭만 허용할지 여부
- dataDragDropSelf
- 동일 gridView 내에서만 데이터 드래그-앤-드롭만 허용할지 여부 [true, false]
- dataDragDropStatus
- [default: false, true] 변경이 일어난 데이터를 드래그-앤-드롭을 통해 이동시켰을 때 행 상태를 유지할지 여부
- dataDragSelect
- [default: false, true] 여러 개의 셀들을 드래그로 선택
- dataDragSelectAutoScroll
- [default: false, true] 드래그를 통해 복수의 셀을 선택할 경우(dataDragSelect="true"), 마우스가 화면 밖을 벗어나면 자동으로 스크롤이 되는 기능
- dataDragSelectAutoScrollLevel
- [default: 1300] dataDragSelectAutoScroll 기능 사용 시 현재의 스크롤링 속도가 2배로 빨라지기까지의 시간 (단위: ms)
- dataDragSelectAutoScrollPeriod
- [default: 70] dataDragSelectAutoScroll 기능 사용 시 스크롤링이 발생하는 주기 (단위: ms)
- dataList
- GridView의 데이터에 해당하는 데이터컬렉션의 DataList의 아이디
- defaultCellHeight
- [default: -1] 셀의 기본 높이
- disabledBackgroundColor
- disabled가 "true" 설정이 적용된 셀 혹은 행의 배경색
- disabledFontColor
- disabled가 "true" 설정이 적용된 셀 혹은 행의 글자색
- disabledScrollHidden
- [default: false, true] GridView가 disabled인 경우 스크롤도 함께 숨김
- dragDisplayColumn
- [default: ""] 데이터를 드래그(dataDragDrop="true")할 때 툴팁으로 표시할 컬럼의 아이디를 지정
- dragEndFunction
- 드래그 종료시 실행될 함수
- dragStartFunction
- 드래깅 시작 시 실행할 함수
- drawType
- [default: virtual, native] GridView를 그릴 때 화면에 보이는 부분만 그릴지 (virtual), 전체를 그릴지 (native)에 대한 여부
- drilldownToggle
- [default: ""] 드릴다운 컬럼에서 목록을 펼칠 때 사용되는 방식을 지정
- drilldownToggleScrollFix
- [default: false, true] 드릴다운 컬럼에서 +버튼을 클릭하여 목록을 펼칠 때 스크롤을 고정
- dynamic
- [default: false, true] 틀만 그려놓고 setGridStyle을 통해 동적으로 생성
- editModeEvent
- [default: ondblclick, onclick, onsecondclick] 셀 수정 모드로 진입하기 위한 마우스 동작 이벤트
- editModeEventIcon
- [default: onclick, ondblclick] viewType이 "icon"인 경우 수정 모드로 진입하기 위해 필요한 마우스 동작 이벤트
- enterKeyMove
- [default: down, right, none, edit, editRight, editDown] 셀에서 Enter 키를 입력할 경우 포커스 이동 방향
- escape
- [default: true, false] <>&"를 HTML escape 문자로 변환하여 화면에 표시
- euroMask
- [default: ""] dataType이 "euro"인 경우나 changeCurrency() 함수를 사용하는 경우 화폐 표현식
- evenRowBackgroundColor
- 짝수 행의 배경색
- excludeDeletedRows
- [default: false, true] 부분합과 푸터 등에서 삭제된 행을 제외하고 계산을 실행
- excludeModifiedRows
- [default: false, true] 부분합과 푸터 등에서 변경(수정, 삭제, 추가)이 발생한 행을 제외하고 계산
- fastScroll
- [default: true, false] 세로 스크롤 이동 시 고속 스크롤링 효과를 추가
- filterBoxvisibleRowNum
- [default: 4] 필터링 조건 목록에 표시할 필터링 조건의 수
- filterFocusMode
- [default: ""] 정렬 이벤트 발생 시 이벤트 발생 전 바디의 셀/행에 선택되어있는 포커스를 제거할지에 대한 속성
- filterShowAlways
- [default: false, true] useFilter가 "true"인 컬럼에서 컬럼 너비가 좁을 때 필터의 아이콘을 최우선으로 표시
- fixedColumn
- [default: 0] 틀고정을 적용할 컬럼의 위치
- fixedColumnLineDiv
- 틀고정 CSS를 Div에 표현할지 여부
- fixedColumnLineDivStart
- 틀고정 Div 시작 위치 지정
- fixedColumnNoMove
- [default: false, true] 고정된 컬럼이 지정된 컬럼의 컬럼 이동 허용 여부
- fixedColumnScrollHidden
- [default: false, true] 틀고정을 할 경우, 고정된 영역의 스크롤을 숨김
- fixedColumnWithHidden
- [default: true, false] 고정된 컬럼의 위치 값에 숨겨진 컬럼을 포함하여 계산할지 여부
- fixedRightColumn
- [default: 0] 우측에 틀고정할 컬럼의 수
- fixedRow
- [default: 0] 틀고정을 시킬 행의 위치
- focusDefaultColumn
- [default: false, true] true 설정 시 행 번호 컬럼 및 행 상태 컬럼이 포커스를 받을 수 있는 상태로 바꿀지 여부
- focusFlow
- [default: default, linear] 포커스 이동 방향을 설정
- focusImage
- [default: false, true] senseReader 또는 embeddedInput이 true이며 inputType이 "image"인 경우, 이미지로 포커스 이동할지 여부
- focusMode
- [default: cell, row, both, none] 셀에 포커스 시 선택 영역 표현 방법
- focusMove
- [default: true, false, vertical, horizontal] 방향키를 통한 포커스 이동 허용
- footerCaption
- [default: ""] 푸터의 캡션에 들어갈 내용 설정
- footerCaptionAuto
- [default: false, true] captionAuto 설정에 상관 없이 푸터의 캡션 내용 자동 생성
- footerSummary
- [default: ""] 푸터의 내용 요약
- footerSummaryAuto
- [default: false, true] captionAuto 설정에 상관 없이 푸터의 요약 자동 생성
- groupbyFilterBox
- [default: false, true] 필터링 기능을 사용할 때 필터링 조건 목록의 표시 여부
- groupbyFilterBoxFormatter
- groupbyFilterBox에 출력되는 목록의 형식을 변경하는 속성
- groupbyFilterBoxLocation
- [default: bottom, top] groupbyFilterBox를 표시할 위치
- groupbyMaxCount
- groupby 가능한 최대 컬럼 개수를 지정
- groupbyZone
- [default: false, true] groupby 기능을 사용 여부 (groupby란 특정 컬럼들을 기준으로 컬럼 내의 같은 데이터들을 그룹핑하여 표시)
- groupbyZoneHeight
- [default: 50] groupbyZone의 높이를 설정
- groupbyZoneMessage
- groupbyZone이 초기 상태일 경우 출력할 메세지를 설정
- hammerEnabled
- [default: true, false] 모바일에서 더블클릭 이벤트를 Hammer
- hammerPressTime
- [default: 351] 키를 누른(press) 상태 이벤트가 발생하기까지 누르고 있어야 할 시간 (단위: ms)
- hideDeletedRow
- [default: false, true] 삭제된 행을 화면에서 보여지지 않게 할지 여부
- hideFilterIconOnNoData
- [default: true, false] 데이터가 존재하지 않을 경우 웹접근성용 head filter 아이콘을 보여줄지 여부
- hideHeader
- [default: false, true] 헤더 숨길지 여부
- hideSortIconOnNoData
- [default: true, false] 데이터가 존재하지 않을 경우 웹접근성용 head sort 아이콘을 보여줄지 여부
- id
- 컴포넌트 아이디 (전역 객체로 할당)
- ignoreCellClick
- [default: false, true] 드릴다운 컬럼에서 하위 노드가 있는 경우 상위 노드 셀에 oncellclick 이벤트 발생 여부
- ignoreNonEditableCell
- 셀 편집이 불가능할 경우, Tab 키나 Enter 키 입력을 무시
- ignoreNonEditableCellTabEnter
- [default: false, true] ignoreNonEditableCell이 "true"인 경우, readOnly="true" 셀에서 방향키를 통한 이동 허용
- ignoreToggleOnDisabled
- [default: false, true] 드릴다운 시 disabled이 "true"인 셀의 경우 토글 이미지를 클릭을 무시
- initFixedHeightByRowNum
- [default: -1] 최초 렌더링된 GridView의 행의 수를 기준으로 GridView의 높이를 초기화 (부분합의 행의 수도 포함)
- keepDefaultColumnWidth
- [default: false, true] autoFit이 설정되어 있는 경우, 행의 번호(rowNum)와 행의 상태(rowStatus) 컬럼의 너비를 고정
- keyMoveEditMode
- [default: false, true] Tab이나 Enter 키를 사용하여 이동 시 즉시 편집 모드로 진입 여부
- labelDelimiter
- GridView
- loadCount
- 세로 스크롤이 하단에 닿은 후 발생되는 onscrollend() 이벤트를 한번만 발생시켜 줄 행을 지정
- mergeCells
- 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 병합함
- mergeCellsFixedCols
- fixedColumn 영역 내에서 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 병합
- mergeCellsFixedRows
- fixedRow 영역 내에서 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 병합
- mergeCol
- mergeCells로 병합하는 경우 병합을 수행할 컬럼을 지정
- mergeExcludeValue
- 병합하지 않을 값을 정의
- minWidth
- [default: 0] 컬럼의 최소 너비 (단위: px), 컬럼에 minWidth를 선언한 경우 우선 적용
- moveKeyEditMode
- [default: false, true] 상하 방향키를 사용하여 이동 시 즉시 편집 모드로 진입 여부
- moveKeyEditModeAll
- [default: false, true] 상하좌우 방향키를 사용하여 이동 시 즉시 편집 모드로 진입 여부
- nextTabID
- Tab 키로 이동할 경우, Tab 키를 누를 때 다음으로 선택될 컴포넌트의 아이디
- noResultMessage
- [default: "조회 결과가 없습니다
- noResultMessageClass
- 조회 결과 없음 메시지에 별도의 스타일을 적용하기 위한 클래스
- noResultMessageStyle
- 조회 결과 없음 메시지에 별도의 스타일을 적용
- noResultMessageURL
- gridview별로 noResultMessage를 변경할 수 있는 xml 파일 경로
- noResultMessageVisible
- [default: true, false] 조회 결과가 없을 때 메시지 표시 여부
- noResultMessageVisibleAlways
- [default: false, true] 데이터가 하나도 없을 때 메시지 표시 여부 (DataList 연동여부와 상관없음)
- noSelect
- 다중으로 셀을 드래깅하거나 Ctrl 또는 Shirt 키를 통해 여러 셀 선택 허용 여부
- numberMask
- [default: ""] 숫자나 화폐 표시형태 변경을 위해 dataType="number" 설정이나 changeCurrency(); 함수를 사용할 경우 적용되는 숫자표시 형식 값
- oddEvenColorDisplay
- [default: true, false] 짝/홀수 행 마다 서로 다른 색의 사용 여부
- oddRowBackgroundColor
- 홀수 행의 배경색
- overflowX
- [default: auto, hidden, scroll] 가로 스크롤 표시 여부
- overflowY
- [default: auto, hidden, scroll] 세로 스크롤 표시 여부
- preventAddRowOnPaste
- [default: false, true] Ctrl(또는 cmd)+V를 눌러 클립보드에서 그리드로 붙여넣기하는 경우 새로운 행의 추가 여부
- preventCopy
- [default: false, true] Ctrl(또는 cmd)+C 또는 Ctrl(또는 cmd)+X를 통해 데이터를 클립보드에 붙여넣는 동작을 방지 (셀이 편집모드인 경우에는 설정이 무시됨)
- preventCopyColumn
- [default: ""] Ctrl(또는 cmd)+C 또는 Ctrl(또는 cmd)+X를 통해 데이터를 클립보드에 복사하는 동작을 방지할 컬럼의 아이디를 지정 (셀이 편집모드인 경우에는 설정이 무시됨)
- preventMultisort
- 다중 정렬을 방지
- preventPaste
- [default: false, true] Ctrl(또는 cmd)+V를 통해 클립보드의 정보를 붙여넣는 동작을 방지 (셀이 편집모드인 경우에는 설정이 무시됨)
- preventPasteColumn
- [default: ""] Ctrl(또는 cmd)+V를 통해 클립보드의 정보를 붙여넣는 동작을 방지할 컬럼의 아이디를 지정 (셀이 편집모드인 경우에는 설정이 무시됨)
- readOnly
- [default: false, true] 전체 셀을 읽기 전용으로 설정
- readOnlyBackgroundColor
- 읽기전용 셀의 배경색
- readOnlyBackgroundImg
- 읽기전용 셀의 배경 이미지 경로
- readOnlyBackgroundImgCSS
- 읽기전용 셀의 배경 이미지의 스타일(CSS)
- readOnlyPriority
- [default: column, row] 읽기전용(readOnly)의 적용 우선 순위 설정
- readOnlyTabIgnore
- [default: false, true] Tab 키로 컬럼이동 시 읽기전용 컬럼를 무시할 지 여부
- resize
- [default:true, false] 마우스 드래깅을 통한 컬럼 너비 조절 허용
- rowMouseOver
- [default: true, false] 마우스커서가 위치(마우스-오버)할 때 행의 배경색을 표시할지 여부
- rowMouseOverClass
- 마우스-오버된 행에 적용할 클래스
- rowMouseOverColor
- 마우스커서가 위치(마우스-오버)할 때 표시할 행의 배경색
- rowNumBackgroundColor
- 행 번호 컬럼의 배경색
- rowNumHeaderValue
- 행 번호 헤더에 표시할 텍스트
- rowNumLocaleRef
- 행의 번호표시(rowNum ) 컬럼에 설정할 다국어 키 값
- rowNumRowMouseOverColor
- rowNum 컬럼에 rowMouseOverColor 적용 여부
- rowNumStatusResize
- [default: false, true] 행 번호(rowNum) 및 행 상태(rowStatus) 표시 컬럼의 너비 조절 가능 여부
- rowNumStatusUniqueId
- [default: false, true] 행 번호(rowNum) 혹은 행 상태(rowStatus) 표시를 사용 시 각 행 별로 유일한 아이디를 사용 (웹표준검사(W3C Validator)를 위한 속성)
- rowNumVisible
- [default:false, true] 행 번호 표시 여부
- rowNumWidth
- 행 번호를 표시하는 컬럼의 너비
- rowStatusHeaderValue
- 헤더에 표시할 텍스트
- rowStatusLocaleRef
- 행의 상태표시(rowStatus) 컬럼에 설정할 다국어 키 값
- rowStatusVisible
- [default: false, true] 각 행의 상태(추가/수정/삭제)를 별도의 컬럼에 아이콘으로 표시
- rowStatusWidth
- 행 상태(rowStatus) 표시 컬럼의 너비
- rupeeMask
- [default: ""] dataType이 "rupee"인 경우나 changeCurrency() 함수를 사용하는 경우 화폐 표현식
- scrollByColumn
- [default: false, true] 가로 스크롤을 컬럼 단위로 이동
- scrollByColumnAdaptive
- [default: false, true] 적응형웹(Adaptive) 상태일 때 가로 스크롤을 컬럼 단위로 이동
- scrollFocus
- [default: false, true] 마지막 행에서 탭키이동시 세로스크롤(Y) 영역으로 포커스를 이동할지 여부
- scrollXNative
- [default: false, true] 가로 스크롤을 브라우저에서 제공하는 기본 스크롤을 사용할지에 대한 여부
- scrollXNativeMobile
- [default: "", false, true] 가로 스크롤을 브라우저에서 제공하는 기본 스크롤을 사용할지에 대한 여부
- selectedCellColor
- 선택된 셀의 배경색
- selectedCellOverColor
- 선택된 셀이 있는 행에 마우스커서가 위치(마우스-오버)할 때 표시할 셀의 배경색
- selectedRowColor
- 선택된 행의 배경색
- selectedRowOverColor
- 선택된 셀이 있는 행에 마우스커서가 위치(마우스-오버)할 때 표시할 행의 배경색
- senseReader
- [default: false, true] 웹 접근성을 지원하기 위한 모드
- setCellInputTypeCustom
- [default: false, true] inputType이 "custom"인 경우 inputType을 동적으로 변경하기 위한 옵션 (typeGetter와 동시에 사용 불가 및 drilldown 미지원)
- showCustomFilterReset
- 사용자 필터를 초기화시킬 수 있는 버튼을 출력
- showImageTooltip
- [default: false, true] inputType이 "image"인 경우에도 툴팁을 표시 (이미지의 링크정보를 표시)
- showSortableImage
- [default: false, true] 정렬 가능한 컬럼의 헤더에 정렬 이미지를 출력
- showSortableUseFilter
- [default: false, true] useFilterList와 showSortableImage 를 동시에 사용할 때 정렬 아이콘과 사용자 정의 필터 아이콘 모두를 헤더에 표시
- sortable
- [default: false, true] 헤더 클릭으로 데이터 정렬 지원 여부
- sortedIconPosition
- [default: "right", "left"] 정렬 관련 이미지를 표시할 위치
- sortEvent
- [default: ondblclick, onclick] 정렬을 수행할 이벤트를 정의
- sortHeaderDiv
- [default: false, true] 헤더영역에 정렬 아이콘을 표시할지의 여부
- sortOrderReverse
- [default: false, true] 헤더 클릭을 통한 데이터 정렬 시 내림차순 정렬을 먼저 수행
- subtotalStyleFormatter
- 부분합의 값에 따른 스타일의 적용을 해주는 사용자 함수를 지정
- summary
- HTML <table> 태그의 summary 속성과 동일 [웹접근성 준수를 위해 사용]
- summaryAuto
- 웹접근성 지원 시, Summary 항목에 헤더 컬럼명을 자동으로 설정
- summaryOnlyAuto
- [default: false, true] 헤더 타이틀이 HTML 태그를 포함한 경우, 태그를 제외한 텍스트만 Summary 항목으로 지정
- syncRowPositionOption
- dataList의 rowPosition이 변경된 경우 해당 row를 선택할지 여부. [default: "none", "style"]
- syncScroll
- 다수의 GridView에 대해 동시에 세로 스크롤 이동
- syncScrollId
- 스크롤을 동기화할 GridView의 아이디 리스트
- tengeMask
- [default: ""] dataType이 "tenge"인 경우나 changeCurrency() 함수를 사용하는 경우 화폐 표현식
- titleAuto
- [default: false, true] 타이틀 자동 생성
- titleFormatter
- [default: false, true] 타이틀 내용을 변경할 사용자 함수 (웹 접근성 지원용)
- tooltipDisplay
- [default: false, true] 셀의 데이터가 모두 표시되지 않는 경우 툴팁 표시 여부
- tooltipDisplayColumn
- [default: false, true] 데이터가 모두 표시되지 않는 경우 특정 컬럼만 툴팁을 표시할 컬럼을 지정
- tooltipFormatter
- 바디의 툴팁 내용을 변경할 사용자 함수
- tooltipFormatterHeader
- 헤더의 툴팁 내용을 변경할 사용자 함수
- tooltipHeader
- [default: false, true] 헤더타이틀이 모두 표시되지 않는 경우 툴팁 표시 여부
- tooltipHeaderShowAlways
- [default: false, true] 헤더타이틀이 공백("")인 경우를 제외하고는 툴팁을 항상 표시할지의 여부
- tooltipHideInputType
- [default: ""] 툴팁을 표시하지 않을 컬럼의 inputType을 지정
- tooltipPositionX
- [default: 20] 셀의 좌측 끝점을 기점으로 툴팁이 표시될 Y(세로) 좌표 (단위: px)
- tooltipPositionY
- [default: 3+cellHeight] 셀의 좌측 상단을 기점으로 툴팁이 표시될 X(가로) 좌표 (단위: px)
- tooltipShowAlways
- [default: false, true] 데이터가 공백("")인 경우를 제외하고는 툴팁을 항상 표시할지의 여부
- tooltipShowAlwaysColumns
- [default: ""] tooltipDisplay가 true인 경우 데이터가 공백("")인 경우를 제외하고는 툴팁을 항상 표시할 컬럼을 지정
- useCtrlKey
- [default: true, false] Ctrl 키를 이용하여 복수 셀의 선택 허용 여부
- useCtrlOnMultisort
- [default: true, false] 다중 정렬을 위해 Ctrl 키를 통한 복수의 컬럼 선택을 허용
- useDataDragDropGuideLine
- [default: true, false] 데이터 드래그-앤-드롭시 가이드라인 보여줄지 여부 설정
- useFilterList
- [default: false, true] 필터링 대상 값을 목록으로 표시 (이 때 목록의 첫번째 항목에 "사용자 필터"를 표시)
- useFilterListSync
- [default: false, true] DataList의 함수를 통해 필터링한 경우, 필터 목록에 표시 여부
- useFilterSearch
- [default: false, true] 사용자 입력으로 필터 기능 사용 여부
- useHeaderContextMenu
- [default: false, true] 헤더 컨텍스트 메뉴 사용 여부
- useLocale
- [default: false, true] 라벨값을 다국어 키를 이용하여 표현하여 다국어의 사용이 가능하도록 설정 (세부 내용은 다국어 설정 가이드 - 클라이언트 편을 참고)
- useNoResultMessageURL
- gridview별로 noResultMessage를 변경할 수 있는 noResultMessageURL을 사용 할지 여부 [default: false, true]
- userData1
- 사용자 정의 데이터 속성으로 API를 통해 설정한 값을 얻어올 수 있음
- userData2
- 사용자 정의 데이터 속성으로 API를 통해 설정한 값을 얻어올 수 있음
- userData3
- 사용자 정의 데이터 속성으로 API를 통해 설정한 값을 얻어올 수 있음
- useShiftKey
- [default: false, true] Shift 키를 이용하여 복수 셀의 선택 허용 여부
- useShiftKeyCheck
- shift 키를 누른 상태에서 첫번째 체크박스와 마지막 체크박스를 체크했을 때, 사이에 있는 체크박스들이 모두 체크상태로 변경 되는 기능 [default: false, true]
- useStartEndDiv
- [default: true, false] senseReader가 true인 경우 웹접근성용 Tag(start div, end div)를 사용할지 여부
- viewChangeAfterEdit
- [default: false, true] 이벤트의 순서를 항상 onviewchange() 이후에 onafteredit()가 발생하도록 지정하는 속성
- visibleRowNum
- 화면에 표현할 행의 수 (부분합을 제외)
- visibleRowNumFix
- [default: false, true] 초기 로딩시점에 높이를 visibleRowNum 또는 initFixedHeightByRowNum의 설정 값에 해당하는 크기만큼 자동으로 늘려주는 설정
- wheelRows
- [default: 3] 마우스 휠을 이용하여 세로 스크롤이 이동 될 때 한번 이동하는 행의 수
- wheelStop
- [default: false, true] 브라우저에 스크롤이 있을 경우, GridView의 스크롤이 맨 아래로 내려가거나 스크롤이 없을 경우 GridView 위에서 마우스 휠을 해도 브라우저 스크롤을 움직이지 않음
Event Summary
- onaftercolumnmove
- 컬럼의 이동이 발생한 직후 발생
- onaftercolumnresize
- [default: false, true] 컬럼 리사이즈 직후 발생
- onafteredit
- 셀의 편집모드가 종료되어 포커스가 빠져나온 경우에 발생 (oneditend 이벤트 이후 발생)
- onbeforecolumnmove
- 컬럼의 이동이 발생하기 직전에 발생
- onbeforeedit
- 셀의 편집모드로 들어가기 전에 발생
- onbeforesort
- 컬럼 정렬 직전에 발생하며, 정렬 여부 반환
- onblankclick
- GridView 영역 내의 빈 화면을 클릭할 때 발생
- onbodymouseout
- GridView 내의 바디에서 마우스가 벗어난 경우 발생
- onbodymouseover
- 그리드의 바디에 마우스가 오버된 경우 발생
- oncellclick
- 셀이 클릭된 경우 발생
- oncelldblclick
- 셀이 더블 클릭된 경우 발생
- oncellindexchange
- 방향키 또는 마우스를 이용해 선택한 셀이 변경되거나, API를 이용하여 셀에 포커스를 적용해 선택된 셀이 변경되었을 때 발생
- oncolumnindexchange
- 방향키 또는 마우스를 이용해 선택한 셀의 컬럼이 변경되거나, API를 이용하여 셀에 포커스를 적용해 선택된 셀의 컬럼이 변경되었을 때 발생
- oncolumnwidthchange
- 컬럼 너비가 변하는 경우 발생
- oncontextclick
- context menu를 click할 때 발생
- oncontextopen
- 컨텍스트 메뉴가 표시될 때 발생
- oncustomcopy
- 복사 이벤트를 대체할 이벤트 정의
- oncustompaste
- 붙여넣기 이벤트를 대체할 이벤트 정의
- ondatadragover
- dataDragDrop 옵션이 true일 때, 데이터를 드래그해서 다른 그리드에 올려놓는 순간 발생
- ondatadragstart
- dataDragDrop 옵션이 true일때, 데이터를 드래그하면 발생
- ondatadrop
- dataDragDrop 옵션이 true일때, 데이터를 다른 그리드에 드랍하면 발생
- ondateselect
- inputType이 캘린더인 경우, 날짜 선택 시 발생
- oneditdblclick
- 편집 중인 셀에 더블클릭 시 발생
- oneditend
- 셀의 편집이 끝난 경우 발생하며, onafteredit보다 먼저 발생
- oneditkeydown
- 셀 편집할 때 키를 누른 경우 발생
- oneditkeyup
- 키보드에서 키를 눌렀다 놓았을 때 발생
- onfilereadend
- 그리드에 엑셀 업로드가 끝난 뒤 발생
- onfooterclick
- 푸터를 클릭한 경우 발생
- ongroupby
- groupby 영역으로 컬럼을 드래그했을 때 발생
- onheaderclick
- 헤더가 클릭된 경우 발생
- onheaderdblclick
- 헤더가 더블클릭된 경우 발생
- onheadermouseout
- 그리드의 헤더에 마우스가 아웃된 경우 발생
- onheadermouseover
- 그리드의 header에 마우스가 오버된 경우 발생
- onheadertextimageclick
- header의 inputType이 textImage인 경우 image가 클릭 된 경우 발생
- onkeydown
- 키보드에서 키를 눌렀을 때 발생
- onkeyup
- 키보드에서 키를 눌렀다 놓았을 때 발생
- onmonthselect
- inputType이 캘린더인 경우 사용자가 캘린더에서 월(Month)을 변경 시에 발생
- onrightbuttonclick
- 바디 영역의 셀에서 마우스 오른쪽 버튼으로 클릭한 경우 발생
- onrowindexchange
- 방향키 또는 마우스를 이용하여 선택한 셀의 행이 변경되거나, API를 이용하여 셀에 포커스를 적용한 셀의 행이 변경되었을 때 발생
- onrownumclick
- rowNum 컬럼이 클릭된 경우 발생
- onrowstatusclick
- rowStatus 컬럼이 클릭된 경우 발생
- onscrollend
- 세로 스크롤이 하단에 닿을 때 발생
- onscrollstart
- 세로 스크롤이 상단에 닿을 때 발생
- onscrollx
- 가로 스크롤을 움직이는 경우 발생
- onscrolly
- 세로 스크롤을 움직이는 경우 발생
- onsort
- sortable 속성이 적용된 헤더에서 클릭이나 더블클릭을 통하여 정렬방식이 변경되었을 경우 발생
- onsubtotalclick
- 부분합이 클릭된 경우 발생하는 이벤트
- onsubtotaldblclick
- 부분합이 더블클릭된 경우 발생하는 이벤트
- ontextimageclick
- inputType이 textImage인 경우 이미지가 클릭됐을 때 발생
- ontoggleclick
- inputType이 드릴다운일 때, 토글버튼 클릭 시 발생
- onviewchange
- 키보드 또는 마우스 조작을 통해 값이 변경된 경우 발생
- onyearselect
- inputType이 캘린더인 경우 날짜 선택 시 발생
Method Summary
- advancedExcelDownload( options , infoArr )
- 그리드의 데이터를 엑셀 파일로 저장 (JDK 1
- advancedExcelUpload( options )
- 엑셀 파일을 읽어 GridView에 데이터를 표시 (JDK 1.5 이상에서 사용 가능)
- changeCurrency( columnID , dataType , displayFormat , delimiter , decimalDelimiter )
- 컬럼 단위로 화면에 나타나는 셀 값들의 화폐 단위를 동적으로 변경
- checkAll( colIndex , dataValue )
- 체크 박스로 이루어진 컬럼을 한번에 체크하거나 언체크하는 기능
- clearAutoFit( )
- autoFit 속성을 제거 (컬럼의 너비에 autoFit을 적용하기 이전으로 초기화)
- clearGroupby( )
- groupBy를 해제
- clearRowVisible( )
- setRowVisible() API를 이용하여 숨김 처리한 행을 모두 표시하도록 처리
- drillTo( rowIndex )
- 드릴다운 사용 시 rowIndex에 해당하는 행을 표현하기 위해 모든 조상 행을 오픈
- enableAllDate( colIndex )
- disableAfterDate 및 disableBeforeDate API를 통해서 비활성화된 날짜들을 다시 활성화시켜 선택 가능하도록 변경
- getAllDisplayData( )
- 필터링 여부나 정렬 상태와 무관하게 모든 데이터를 배열로 반환
- getAllDisplayJSON( )
- 필터링 여부나 정렬 상태와 무관하게 모든 데이터를 JSON으로 반환
- getAllDisplayXML( )
- 필터링 여부나 정렬 상태와 무관하게 모든 데이터를 XML로 반환
- getAllFocusedIndex( )
- 포커스된 셀의 행 인덱스와 컬럼 인덱스를 선택된 순서대로 반환
- getAllFocusedRowIndex( )
- 포커스된 셀의 행 인덱스를 반환
- getAllVisibleData( )
- 현재 보이는 데이터를 1차원 배열로 반환
- getAllVisibleJSON( )
- 화면에 출력된 데이터를 JSON으로 반환
- getAllVisibleXML( )
- 현재 보이는 데이터를 XML로 반환
- getAncestorRowIndexArray( rowIndex )
- 드릴다운 사용 시, 행 인덱스에 해당하는 행의 모든 조상 행의 행 인덱스를 반환
- getBottomRowIndex( )
- 현재 화면에 보여지는 최하단 행의 인덱스를 반환 (데이터가 없으면 "-1"이 반환)
- getCellBackgroundColor( rowIndex , colIndex )
- 행 인덱스와 컬럼 인덱스에 해당하는 셀의 배경색을 반환
- getCellChecked( rowIndex , colIndex )
- 행 인덱스와 컬럼 인덱스에 해당하는 셀의 체크 여부를 반환
- getCellClass( rowIndex , colIndex )
- 셀에 동적으로 적용한 사용자 클래스 이름을 반환
- getCellColor( rowIndex , colIndex )
- 행 인덱스와 컬럼 인덱스에 해당하는 셀의 글자색을 반환
- getCellDisabled( rowIndex , colIndex )
- 행 인덱스와 컬럼 인덱스에 해당하는 셀의 disabled 속성 값을 반환
- getCellDisplayData( rowIndex , colIndex )
- 행 인덱스와 컬럼 인덱스에 해당하는 셀의 화면에 보이는 데이터를 반환
- getCellPosition( row , colIndex , propertyName )
- 셀의 위치 정보(top 또는 left)를 반환
- getCellReadOnly( rowIndex , colIndex )
- 행 인덱스와 컬럼 인덱스에 해당하는 셀의 readonly 속성 값을 반환
- getCellSize( row , colIndex , sizeName )
- 셀의 크기 정보(너비나 높이)를 반환
- getCheckedData( colIndex )
- 컬럼 인덱스에 해당하는 컬럼이 radio/checkbox일 경우 체크된 행의 데이터를 배열로 반환
- getCheckedIndex( colIndex )
- 컬럼 인덱스에 해당하는 컬럼의 inputType이 "radio" 또는 "checkbox"인 경우 체크된 행의 인덱스를 배열로 반환
- getCheckedJSON( colIndex )
- 컬럼 인덱스에 해당하는 컬럼이 radio/checkbox일 경우 체크된 행의 JSON 데이터를 배열에 담아 반환
- getCheckedXML( colIndex )
- 컬럼 인덱스에 해당하는 컬럼이 radio/checkbox일 경우 체크된 행의 데이터를 XML로 반환
- getChildrenRowIndexArray( rowIndex )
- 드릴다운 사용 시 행 인덱스에 해당하는 행의 자식(깊이 1의 하위)행들의 행 인덱스를 배열로 반환
- getColIdByHeaderId( headerId )
- 헤더의 컬럼 아이디에 해당하는 바디의 컬럼 아이디를 반환
- getColumnBackgroundColor( colIndex )
- 컬럼 인덱스에 해당하는 컬럼의 배경색을 반환
- getColumnClass( colIndex )
- 컬럼에 동적으로 적용된 사용자 클래스를 반환
- getColumnColor( colIndex )
- 컬럼 인덱스에 해당하는 컬럼의 글자색을 반환
- getColumnDataListInfo( colIndex )
- 컬럼 인덱스에 해당하는 컬럼에 바인딩된 DataList 정보를 반환
- getColumnDisabled( colIndex )
- 컬럼 인덱스에 해당하는 컬럼에 disabled 속성 값을 반환
- getColumnID( colIndex )
- 컬럼의 인덱스를 입력받아 해당하는 컬럼의 아이디를 반환
- getColumnIdListMultiRow( )
- GridView 바디 영역의 모든 컬럼의 아이디를 배열 형태로 반환
- getColumnIndex( colIndex )
- 컬럼 아이디를 입력 받아 해당하는 컬럼의 인덱스를 반환
- getColumnNodeSet( colIndex )
- inputType이 select 또는 autocomplete인 경우, 바인딩된 NodeSet 정보를 반환
- getColumnOrder( byName )
- 현재 컬럼 순서를 배열로 반환 (단, byName이 true인 경우 아이디를 담은 배열을 반환)
- getColumnReadOnly( colIndex )
- 컬럼 인덱스에 해당하는 컬럼에 적용된 readonly 속성 값을 반환
- getColumnType( colIndex )
- 컬럼 인덱스에 해당하는 컬럼의 inputType 속성 값을 반환
- getColumnVisible( colIndex )
- 컬럼 인덱스에 해당하는 컬럼의 visible 여부를 반환
- getCurrentGridStyle( )
- 현재 그리드의 상태(컬럼 순서, 컬럼 너비, 숨겨진 컬럼, 고정 컬럼)를 JSON 문자열 형태로 반환
- getDataDragDrop( )
- 그리드의 컬럼에 dataDragDrop 값을 반환
- getDataLength( )
- [deprecated] getRowCount()를 사용하며, 행의 수를 반환
- getDataList( )
- 현재 바인딩된 DataList의 아이디를 반환
- getDataListInfo( )
- 현재 바인딩된 DataList를 반환
- getDataType( colID )
- 특정 컬럼의 데이터타입을 반환
- getDescendantRowIndexArray( rowIndex )
- 드릴다운 사용 시 특정 행의 모든 자손 행의 행 인덱스를 반환
- getDisabled( type , rowIndex , colIndex )
- 유형에 따라 세부적인 disabled 속성을 반환
- getFixedColumnLastIndex( includeDefaultColumn )
- fixedColumn이 설정되어 있을 경우, fixedColumn 중 맨 오른쪽 끝에 해당하는 컬럼의 인덱스를 반환
- getFixedRightColumnLastIndex( )
- FixedRightColumn이 설정되어 있을 경우 FixedRightColumn 중 맨 오른쪽 끝에 해당하는 컬럼의 인덱스를 반환
- getFixedRow( )
- 행의 틀이 고정된 경우, 해당 행의 위치를 반환
- getFocusedColumnID( )
- 포커스된 셀이 속한 컬럼의 아이디를 반환
- getFocusedColumnIndex( )
- 포커스된 셀의 컬럼 인덱스 반환
- getFocusedRowIndex( )
- 포커스된 셀의 행 인덱스를 반환
- getFocusedRowStatus( )
- 포커스된 셀이 속한 행의 상태를 상태 문자로 반환
- getFooterData( footerId , display )
- 특정 푸터 아이디에 해당하는 푸터의 데이터를 반환 (inputType이 "expression"인 경우 계산된 값을 반환)
- getFooterStyle( footerId , style )
- 특정 푸터 아이디 또는 인덱스에 해당하는 푸터의 스타일 속성값 반환
- getFormattedHeaderValue( headerId , value )
- 헤더에 설정된 dispalyFormat으로 인해 형식이 지정된 값 반환
- getGridReadOnly( )
- GridView 전체에 대한 읽기전용(Readonly) 속성 설정 여부 반환
- getGroupbyData( [default: )
- 현재 그룹핑된 정보를 반환
- getHeaderBackgroundColor( headerId )
- 헤더의 셀에 적용된 배경색을 반환
- getHeaderClass( headerId )
- 헤더의 셀에 동적으로 적용한 사용자 클래스 이름 반환
- getHeaderColor( headerId )
- 헤더의 셀에 적용된 폰트 색상을 반환
- getHeaderID( header )
- 헤더의 인덱스로 헤더의 아이디를 반환
- getHeaderIndex( header )
- 헤더의 아이디로 헤더의 인덱스 반환
- getHeaderPosition( headerId , propertyName )
- 헤더 셀의 위치 정보(top이나 left)를 반환
- getHeaderSize( headerId , sizeName )
- 헤더 셀의 크기 정보(width나 height)를 반환
- getHeaderValue( headerId )
- 헤더의 아이디로 헤더의 값을 반환
- getMaxLength( colIndex )
- 컬럼의 최대 길이값 반환
- getMerged( rowIndex , colIndex )
- 특정 셀의 병합여부를 반환
- getOpenStatus( rowIndex )
- 드릴다운을 적용한 경우 행 인덱스에 해당하는 행의 드릴다운이 열려있는지 여부 반환
- getOverflowX( )
- overflowX 속성의 설정값을 반환
- getOverflowY( )
- overflowY 속성의 설정값을 반환
- getParentRowIndex( rowIndex )
- 드릴다운 사용 시 특정 행의 부모 행 인덱스를 반환
- getReadOnly( type , rowIndex , colIndex )
- 타입에 따라 읽기전용(Readonly) 속성을 반환
- getRealRowIndex( rowIndex )
- 드릴다운을 적용한 경우 화면에 표현된 행 인덱스를 기준으로 실제 데이터의 행 인덱스를 반환
- getRowBackgroundColor( rowIndex )
- 행의 배경색을 반환
- getRowClass( rowIndex )
- grid Row에 동적으로 적용한 사용자 class 이름을 반환
- getRowColor( rowIndex )
- 행의 글자색을 반환
- getRowDisabled( rowIndex )
- 특정 행에 적용된 disabled 속성 값을 반환
- getRowNumVisible( )
- rowNumVisible 옵션 값을 반환
- getRowReadOnly( rowIndex )
- 특정 행에 적용된 읽기전용(Readonly) 속성 값을 반환
- getRowVisible( rowIndex )
- 행의 visible 속성 여부를 반환
- getSortableArr( )
- 헤더의 각 컬럼의 정렬 여부를 배열로 반환
- getSortableStatus( )
- 정렬된 컬럼의 순서대로 해당 컬럼의 헤더 정보를 담은 객체를 배열로 반환
- getTopRowIndex( )
- 현재 화면에 보여지는 최상단 행의 행 인덱스를 반환
- getTotalCol( )
- 전체 컬럼 개수를 반환 (행번호 및 행상태 컬럼 제외)
- getTotalHeaderCol( options )
- 헤더 컬럼의 개수를 반환
- getTotalRow( )
- 행의 총 개수를 반환
- getUncheckedData( colIndex )
- 특정 컬럼의 inputType속성이 radio/checkbox인 경우, 체크되지 않은 행의 데이터를 배열로 반환
- getUncheckedIndex( colIndex )
- 특정 컬럼의 inputType속성이 radio/checkbox인 경우, 체크되지 않은 행의 인덱스를 배열로 반환
- getUncheckedJSON( colIndex )
- 특정 컬럼의 inputType 속성이 radio/checkbox인 경우, 체크되지 않은 행의 데이터를 JSON으로 변환하여 배열에 담아 반환
- getUncheckedXML( colIndex )
- 특정 컬럼의 inputType 속성이 radio/checkbox인 경우, 체크되지 않은 행의 데이터를 XML로 변환하여 배열에 담아 반환
- getVisibleColData( colIndex )
- 특정 컬럼의 화면에 보이는 데이터(필터나 정렬이 반영된)를 배열로 반환
- getVisibleRowNum( )
- 현재 화면(눈에 보여지는 영역)에 그려진 행의 수를 반환 (부분합 및 푸터는 제외)
- groupby( Options )
- 둘 이상의 컬럼의 데이터를 그룹핑하여 결과(통계)만 표시
- hasChild( rowIndex )
- 드릴다운이 적용 된 경우 자식 행을 가지고 있는지의 여부를 반환
- hideGroupbyZone( )
- 그룹핑 정보를 관리하는 GroupbyZone 영역을 숨김
- initGrid( )
- 전체 데이터 삭제, 필터 삭제, 컬럼 기본정보(SelectBox의 노드셋 등)를 초기화하고, 가지고 있던 데이터를 1차원 배열로 반환
- isEditing( )
- 현재 편집 상태를 반환
- mergeByCol( options )
- 같은 컬럼 내에서 같은 데이터가 연속적으로 나타나는 경우 이들을 모두 병합 (세로 병합)
- mergeByColRec( options )
- 컬럼을 기준으로 병합을 수행하고, 그 후에 병합되지 않은 셀을 대상으로 행을 기준으로 병합을 수행
- mergeByRestricColmergeByRestricCol( options )
- 같은 컬럼 내에서 연속적으로 데이터가 같으면서 동시에 자신의 왼쪽에 위치한 컬럼이 병합된 경우 해당 행들을 병합
- mergeByRestricRow( options )
- 같은 row 내에서 연속적으로 데이터가 같으면서 동시에 자신의 위쪽에 위치한 row가 merge된 경우 해당 row들을 병합.
- mergeByRow( options )
- 같은 행 내에서 같은 데이터가 연속적으로 나타나는경우 이들을 모두 병합 (가로 병합)
- mergeByRowRec( options )
- 행을 기준으로 병합을 수행하고, 그 후에 병합되지 않은 셀을 대상으로 컬럼을 기준으로 병합을 수행
- mergeCell( mergeInfo )
- 동적으로 셀을 병합
- mergeCells( mergeOptionStr , options )
- 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 아래의 5가지 방식 중 하나로 병합한다.
- mergeCellsFixedCols( mergeOptionStr , options )
- fixedColumn 영역 내에서 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 아래의 5가지 방식 중 하나로 병합한다.
- mergeCellsFixedRows( mergeOptionStr , options )
- fixedRow 영역 내에서 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 아래의 5가지 방식 중 하나로 병합한다.
- mergeClear( )
- 동적으로 병합된 셀들의 병합을 모두 해제
- mergeCol( colIndex , flag )
- 데이터를 통해 자동으로 병합하는 기능을 사용할 때, 특정 컬럼을 제외하기 위해 사용
- mergeFocusedCell( )
- 현재 포커스된 셀만 병합
- mergeRow( rowIndex , flag )
- 데이터를 통해 자동으로 병합하는 기능을 사용할 때 특정 행을 제외하기 위해 사용
- mergeSplitFocusedCell( )
- 포커스가 위치한 셀의 병합을 해제
- modifyCheckedStatus( colIndex , status )
- inputType이 "checkbox"인 경우 체크가 되어있는 행의 상태코드 값을 일괄 변경
- modifyUncheckStatus( col , status )
- inputType이 "checkbox"인 경우 체크가 되지 않은 행의 상태코드 값을 일괄 변경
- moveFooterColumn( fromIdx , toIdx )
- 푸터 컬럼의 위치 이동
- readCSV( options )
- CSV 파일을 읽어 GridView의 데이터로 설정 (JDK 1
- redrawColumn( colIndex , valid )
- 컬럼을 다시 그려줌 (Reset)
- refreshCell( rowIndex , colIndex )
- 특정 셀을 다시 렌더링 함
- refreshColumn( colIndex )
- 컬럼을 다시 렌더링 함
- refreshColumnItemset( col )
- inputType이 "select"인 경우 컬럼의 itemset을 갱신
- refreshRow( rowIndex )
- 행을 다시 렌더링 함
- removeCellClass( rowIndex , colIndex )
- 셀에 적용된 Class를 삭제
- removeColumnClass( colIndex , class )
- 컬럼에 적용된 사용자 Class를 삭제 (복수로 지정시 띄어쓰기(" ")를 구분자로 사용)
- removeFocusedCell( )
- 선택되어진 셀 모두의 포커스를 해제
- removeFocusedMultiCell( startRow , startCol , endRow , endCol )
- 설정 영역만큼의 셀에 포커스를 해제
- removeHeaderClass( headerId , class )
- 헤더 컬럼에 적용된 사용자 Class를 삭제
- removeRowClass( rowIndex )
- grid Row에 적용된 사용자 class를 삭제
- saveCSV( options )
- 데이터를 CSV 파일로 저장 (JDK 1
- setAutoFit( options )
- 컬럼 너비 조절을 자동으로 해주는 autoFit 속성을 설정
- setBlockSelect( colIndex , flag )
- 컬럼의 blockSelect 속성을 설정
- setBottomRowIndex( bottomRowIndex )
- bottomRowIndex에 해당하는 행이 가장 하단에 위치하도록 세로 스크롤의 위치를 옮겨줌
- setCaption( htmlStr )
- GridView의 <table> 태그의 caption의 속성 값 설정 [웹접근성 준수를 위해 사용]
- setCaptionAuto( captionTitle )
- GridView의 요약 태그인 캡션 값(CaptionTitle)을 설정
- setCellAllowChar( rowIndex , colIndex , allowChar )
- inputType이 "custom"인 경우 특정 셀의 allowChar 속성을 설정
- setCellBackgroundColor( rowIndex , colIndex , color )
- 특정 셀의 사용자 배경색을 설정
- setCellChecked( rowIndex , colIndex , flag )
- inputType이 "checkbox" 혹은 "radio"인 경우 해당 셀을 선택하거나 선택 해제
- setCellClass( rowIndex , colIndex , className )
- 특정 셀의 사용자 Class 설정
- setCellColor( rowIndex , colIndex , color )
- 특정 셀의 글자색을 설정
- setCellCustomFormatter( rowIndex , colIndex , formatter )
- inputType이 "custom"인 경우 특정 셀의 데이터의 표현식을 조건에 맞추어 변경하기 위한 사용자 함수를 설정하는 customFormatter 속성 값을 변경
- setCellDataType( rowIndex , colIndex , dataType )
- inputType이 "custom"인 경우 특정 셀의 dataType 속성을 설정
- setCellDisabled( rowIndex , colIndex , disabled )
- 특정 셀의 disabled 속성을 설정
- setCellDisableEdit( rowIndex , colIndex , onoff )
- inputType이 "custom"인 셀이 "autoComplete"으로 설정된 경우 특정 셀의 disableEdit 속성을 변경
- setCellDisplayFormat( rowIndex , colIndex , displayFormat )
- inputType이 "custom"인 경우 특정 셀에 데이터의 표현식을 설정하는 displayFormat 속성 값을 변경
- setCellDisplayFormatter( rowIndex , colIndex , formatter )
- inputType이 "custom"인 경우 특정 셀에 데이터의 표현식을 조건에 맞추어 변경하기 위한 사용자 함수를 설정하는 displayFormatter 속성 값을 변경
- setCellInputType( rowIndex , colIndex , info )
- inputType이 "custom"인 경우 특정 셀의 inputType을 변경
- setCellMaxLength( rowIndex , colIndex , maxLength )
- inputType이 "custom"인 경우 특정 셀의 maxLength 속성을 설정
- setCellReadOnly( rowIndex , colIndex , readOnly )
- 특정 셀에 읽기전용(ReadOnly) 속성을 설정
- setColumnBackgroundColor( colIndex , color )
- 컬럼의 배경색 설정
- setColumnChooseOption( colIndex , chooseOptionValue , chooseOptionLabel )
- inputType이 "select"인 경우 SelectBox의 선택옵션(ChooseOption) 의 값과 라벨을 변경
- setColumnClass( colIndex , className )
- 컬럼의 사용자 Class 설정
- setColumnColor( colIndex , color )
- 컬럼의 글자색을 설정
- setColumnDisabled( colIndex , disabled )
- 컬럼의 disabled 속성을 설정
- setColumnDisableEdit( colIndex , onoff )
- inputType이 "autoComplete"인 경우 컬럼의 disableEdit 속성을 변경
- setColumnDisplayFormat( colIndex , displayFormat )
- 컬럼의 표시될 값의 형식을 설정 (기존의 setDisplayFormat을 대체)
- setColumnDisplayFormatter( colIndex , displayFormatter )
- 데이터의 표현식을 조건에 맞추어 변경하기 위한 사용자 함수를 설정하는 displayFormatter 속성 값을 변경 (기존의 setDisplayFormatter를 대체)
- setColumnEnableColumn( gridColumnId , enableColumnId , enableColumnFalseValue )
- inputType이 "select", "autoComplete", "checkcombobox"인 경우 일부 선택 목록을 비활성화 처리
- setColumnGridItemset( colIndex , obj )
- inputType이 "select"인 경우 설정을 ItemSet이 아닌 GridViewItemset을 사용하는 경우 설정 값을 변경
- setColumnIoFormat( colIndex , ioFormat , dateMask )
- 컬럼의 ioFormat 속성을 설정
- setColumnNodeSet( colIndex , nodeset , label , value )
- itemset을 설정할 수 있는 컬럼의 nodeset을 설정.
- setColumnOrder( columnOrderArray )
- 컬럼의 정렬 순서를 columnOrderArray에 정의된 컬럼 리스트를 기준으로 재설정하며 정의되지 않은 컬럼은 그 뒤쪽으로 위치함
- setColumnReadOnly( colIndex , readOnly )
- 컬럼의 읽기전용 설정
- setColumnVisible( colIndex , colVisibleFlag )
- 컬럼의 표시여부 설정
- setColumnVisibleColumn( gridColumnId , visibleColumnId , visibleColumnFalseValue )
- inputType이 "select", "autoComplete", "checkcombobox"인 경우 일부 선택 목록을 숨김
- setColumnWidth( colIndex , size )
- 컬럼의 너비를 변경
- setCustomFormatter( colIndex , customFormatter )
- 데이터의 표현식을 조건에 맞추어 변경하기 위한 사용자 함수를 설정하는 customFormatter 속성 값을 변경
- setDataDragDrop( onoff )
- dataDragDrop 속성 값을 설정
- setDataType( colIndex , dataType , options )
- dataType이 "text", "number", "float"인 경우 컬럼의 dataType 속성을 변경
- setDisabled( type , rowIndex , colIndex , disableFlag )
- 객체 타입에 따라 비활성화 설정
- setDrillDownDragDrop( value )
- inputType이 "drillDown" 컬럼에 드래그/드롭을 설정 (기본적으로는 GridView에 inputType이 drillDown 컬럼이 포함되면 드래그/드롭이 발생하지 않음)
- setEditModeEvent( editModeEvent , bRefreshColumn )
- editModeEvent를 동적으로 설정한다
- setFixedColumn( fixedColNum )
- 세로 틀고정 설정 (좌측을 기준으로 고정시킬 컬럼의 수를 설정)
- setFixedRightColumn( count )
- 세로 틀고정 설정 (우측을 기준으로 고정시킬 컬럼의 수를 설정)
- setFixedRow( fixedRowNum )
- 가로 틀고정 설정 (상단을 기준으로 고정시킬 행의 수를 설정)
- setFocusedCell( rowIndex , colIndex , editMode )
- 해당 셀에 포커스를 주고 이동
- setFocusedHeaderObj( headerId )
- inputType이 "selectbox", "checkbox"인 경우 포커스 설정
- setFocusedMultiCell( startRow , startCol , endRow , endCol )
- 설정 영역만큼의 셀에 포커스를 줌
- setFocusMode( focusMode )
- focusMode를 동적으로 설정한다
- setFooterCaption( htmlStr )
- 푸터의 <table> 태그의 caption의 속성 값 설정 [웹접근성 준수를 위해 사용]
- setFooterData( footerId , data )
- inputType이 "text"인 경우 data의 값을 footerId에 해당하는 푸터 컬럼에 설정
- setFooterDisplayFormat( footerId , displayFormat )
- 푸터 컬럼의 표시될 값의 형식을 설정
- setFooterStyle( footerId , style , value )
- 푸터 컬럼의 스타일 속성을 설정
- setFooterSummary( str )
- 푸터의 <table> 태그의 summary의 속성 값 설정 [웹접근성 준수를 위해 사용]
- setFooterValue( footerId , data )
- inputType이 "text"인 경우 data의 값을 footerId에 해당하는 푸터 컬럼에 설정
- setGridHeight( height )
- GridView의 높이를 설정
- setGridReadOnly( readOnly )
- GridView의 읽기전용 설정
- setGridSize( width , height )
- GridView의 높이와 너비를 설정
- setGridStyle( doc )
- GridView를 다시 그려줌
- setGridWidth( width )
- GridView의 너비를 설정
- setHeaderBackgroundColor( headerId , color )
- 헤더의 배경색 설정
- setHeaderClass( headerId , className )
- 헤더의 사용자 Class 설정
- setHeaderColor( headerId , color )
- 헤더의 글자색 설정
- setHeaderDisabled( headerId , disabled )
- 헤더의 비활성화 설정
- setHeaderHide( hide )
- 헤더의 숨김여부 설정
- setHeaderNodeSet( headerId , nodeset , label , value )
- inputType이 "select"인 경우 적용되며 바인드정보(BindItemSet)를 설정
- setHeaderSortImage( headerId , orderNum , sortOrd )
- headerId에 해당하는 컬럼의 정렬이미지를 설정 (데이터의 정렬은 DataList의 정렬을 사용해야 함)
- setHeaderStyle( headerId , style , value )
- 헤더 컬럼의 스타일을 설정
- setHeaderValue( headerId , value , useFormat )
- inputType이 "text"인 경우 headerId에 해당하는 헤더에 value값을 설정
- setImageSrc( colIndex , src )
- inputType이 "textimage"인 경우 이미지 설정
- setMaxLength( colIndex , len )
- inputType이 "text", "textarea", "textImage", "secret", "autoComplete"인 경우 컬럼의 maxLength 값을 설정
- setNoResultMessage( message )
- 데이터가 없을 경우 표시할 문자열을 설정
- setNoResultMessageVisible( visible )
- noResultMessageVisible 값을 설정
- setReadOnly( type , rowIndex , colIndex , readOnlyFlag )
- type에 따라 읽기전용(ReadOnly) 속성을 설정
- setRowBackgroundColor( rowIndex , color )
- 행의 배경색을 설정
- setRowClass( rowIndex , className )
- grid Row에 동적으로 사용자 class를 적용
- setRowColor( rowIndex , color )
- 행의 글자색을 설정
- setRowDisabled( rowIndex , disableFlag )
- 행의 disabled 속성을 설정
- setRowNumColumnWidth( size )
- 행번호 컬럼의 너비를 변경 (단위: px)
- setRowNumVisible( visibleColumnFalseValue )
- rowNumVisible이 "true"인 경우 행번호 컬럼 표시/숨김 여부를 설정
- setRowReadOnly( rowIndex , readOnly )
- 행의 읽기전용(Readonly) 속성을 설정
- setRowStatusColumnWidth( size )
- 행상태 컬럼의 너비를 변경 (단위: px)
- setRowStatusVisible( visibleColumnFalseValue )
- rowStatusVisible이 "true"인 경우 행상태 컬럼 표시/숨김 여부를 설정
- setRowVisible( rowIndex , flag )
- 특정 행의 표시/숨김 여부를 설정
- setScrollLeft( left )
- 가로 스크롤의 위치를 입력받은 값만큼 이동 (단위: px)
- setScrollTop( top )
- 그리드의 세로 스크롤의 위치를 입력받은 값만큼 이동
- setSortable( headerId , sortable )
- 컬럼의 sortable 속성을을 동적으로 설정
- setStartRowNumber( rowIndex )
- rowNum 컬럼에 표현되는 행번호의 시작되는 숫자 값를 설정
- setStyleAll( styleObj )
- 스타일을 지정
- setSubtotalVisible( flag )
- 부분합을 숨기거나 다시 표시
- setSummary( str )
- HTML <table> 태그의 summary의 속성 값 설정
- setTopRowIndex( topRowIndex , noEvent , autoFocus )
- topRowIndex에 해당하는 행이 가장 위에 보여지도록 세로 스크롤의 위치를 옮겨줌
- setUseFilter( colId , falg )
- 필터의 사용 여부(useFilter)를 동적으로 설정
- setUseFilterList( flag )
- 필터링 대상의 목록사용 여부(useFilterList)를 동적으로 설정
- setVisibleRowNum( rowCount )
- 화면에 표현할 행의 수(visibleRowNum)을 동적으로 설정
- showChooseOption( colIndex , chooseOption )
- inputType이 "select"인 경우 SelectBox의 선택옵션(ChooseOption) 설정
- showCustomFilter2( headerID )
- 사용자 필터를 지정할 수 있는 "사용자 지정 필터" 팝업 창을 표시
- showGroupbyZone( )
- 그룹핑 정보를 관리하는 GroupbyZone 영역을 표시
- spanAll( openFlag )
- inputType이 "drilldown"인 경우 전체 데이터를 모두 펼치거나 접는 기능
- toggle( rowIndex )
- inputType이 "drilldown"인 경우 rowIndex에 해당하는 행의 하위를 토글링(열기/닫기)함
Property Detail
- accessibility
-
웹 접근성 지원 기능을 사용할지에 대한 여부
GridView 전체에 웹 접근성 지원 기능을 일괄적으로 적용 (컬럼 단위로 설정 불가능하며, 모든 inputType에 대해 웹 접근성 기능 일괄 적용)(참고 사항) 정렬 기능 사용 시 (sortable="true") 헤더 영역의 데이터가 <button> 요소로 표현 정렬 기능을 사용하는 헤더는 탭키를 통해 포커스를 이동할 수 있으며 Space 또는 Enter 키를 누르면 정렬 상태가 오름차순 -> 내림차순 -> 원래대로 -> 오름차순 (순환) 순서로 변경됨 세로 스크롤은 브라우저 스크롤을 사용 (drawType="native") inputType이 "radio"인 경우 선택된 radio가 위치한 행만 포커스가 탭키로 이동할 수 있으며, 선택되지 않은 radio의 행은 탭키로 포커스 이동 시 포커스를 건너뛰게 되고 선택된 radio에서 위아래 방향키를 통해 선택 값을 변경함 모든 컬럼에 embeddedInput을 강제로 적용. 그리고 각 컬럼이 생성하는 내부 컴포넌트 또한 accessibility를 "true"로 강제로 적용
아래의 속성값이 강제로 적용(GridView 속성) senseReader = "true" focusMove = "false" keyMoveEditMode = "true"; autoResizeEmbeddedInput = "true" scrollFocus = "true" titleAuto = "true" sortHeaderDiv = "true" drawType = "native" visibleRowNum = "all visibleRowNumFix = "true" - adaptive
-
다양한 화면 크기와 디바이스에 맞게 레이아웃이 변경되는 적응형 웹 모드
Chrome, Safari, Firefox, Opera, IE10+에서 호환되는 기능 - adaptiveThreshold
-
[default: 480] adaptive 속성이 설정되어 있을 경우 레이아웃 변경을 하기 위한 임계 값
(관련 속성) adaptive="crosstab" - alwaysTriggerScrollStart
-
스크롤이 최상단에 위치할 때마다 onscrollstart 이벤트를 발생시킬지 여부
(옵션 설명) "true" : onscrollstart 이벤트가 매번 발생 "false" (기본 값) : onscrollstart 이벤트가 한 번만 발생 - applyAllColumnStyle
-
컬럼에 지정된 모든 스타일 적용 여부
(옵션 설명) "true" : 컬럼에 지정된 모든 스타일을 적용 "false" (기본값) : 컬럼에 지정된 스타일 속성 중 첫 번째만 적용 - arrowMove
-
셀 내부에서 첫 번째 또는 마지막 문자에 있을 때, 좌우 방향키로의 셀 이동을 허용할지 여부
(옵션 설명) "true" : 이동 가능 "false" (기본 값) : 이동 불가
(관련 속성) moveKeyEditMode="true"인 경우에만 유효 - autoFit
-
[default: none, lastColumn, allColumn] 전체 화면 폭에 모든 컬럼의 폭을 균등하게 배분하는 기능으로, 이 기능을 사용하면 가로 스크롤이 나타나지 않음
(옵션 설명) "none" (기본 값) : autoFit 기능을 사용하지 않음 "allColumn" : 모든 열의 너비를 균등하게 조정 "lastColumn" : 마지막 열의 너비만 조정 - autoFitCellMinWidth
-
[default: ""] autoFit="allColumn" 설정을 적용하기 위해 필요한 GridView 행의 최소 너비. (단위: px)
GridView에서 설정한 컬럼의 최소 너비(autoFitCellMinWidth)보다 좁아지면, 모든 열을 자동으로 맞추는 설정 (autoFit="allColumn")이 작동하지 않고 가로로 스크롤이 생성됨(관련 속성) autoFit="allColumn" - autoFitMinWidth
-
[default: ""] autoFit에 "allColumn" 설정을 적용하기 위해 필요한 GridView의 최소 너비 (단위: px)
GridView에서 설정한 최소 너비(autoFitMinWidth)보다 좁아지면, 모든 열을 자동으로 맞추는 설정 (autoFit="allColumn")이 작동하지 않고 가로로 스크롤이 생성됨(관련 속성) autoFit="allColumn" - autoResizeEmbeddedInput
-
[default: false, true] 센스리더 또는 embeddedInput가 "true"이며 inputType이 text 또는 secret일 때, Input의 크기를 자동으로 계산할지 여부
- captionAuto
-
[default: false, true] 각 헤더의 제목을 조합해서 그리드의 요약 태그인 캡션 값을 구성할지 여부 (captionTitle 값은 캡션 값의 앞에 제목으로 포함하여 구성)
(옵션 설명) "true" : captionTitle과 표의 헤더의 제목을 조합해서 표 제목으로 표시 "false" (기본 값) : 표시 안 함
(관련 속성) inputType="text" (헤더) captionTitle
(예제) 아래의 경우 "거래내역은(는) 항목 1, 항목 2, 항목 3을(를) 나타낸 표"가 제목으로 표시됨 (1) GridView 각 헤더의 제목이 "항목 1", "항목 2", "항목 3"이고 (2) captionTitle="거래내역" captionAuto="true" 설정이 적용됨 - captionTitle
-
[default: ""] captionAuto를 사용하여 그리드의 요약 태그인 캡션 값을 구성할 때 가장 앞에 추가할 내용
(관련 속성) captionAuto="true" - CellClickFixScrollX
-
[default: false, true] 전체 가로 스크롤이 생겼을때 화면에서 일부가 가려진 셀을 클릭함으로써 가로 스크롤이 움직일지의 여부
(옵션 설명) "false" (기본 값) 가로 스크롤에 의해 일부가 가려진 셀을 클릭했을 때, 해당 셀이 완전히 보이도록 가로 스크롤이 자동으로 움직임 "true" 일부가 가려진 셀을 클릭했을 때, 가로 스크롤이 자동으로 움직이지 않음 - cellStatusIconPosition
-
[default: right, left] 각 셀의 상태 아이콘 위치를 지정
(옵션 설명) "right" (기본 값) : 우측 상단에 위치 "left" : 좌측 상단에 위치
(관련 속성) cellStatusVisible="true" - cellStatusVisible
-
[default: false, true] 각 셀의 값에 변경이 생겼을때 좌측 또는 우측 상단에 아이콘 표시 여부
(관련 속성) cellStatusIconPosition="left" - checkAllType
-
[default: include, exclude] 헤더의 inputType이 checkbox인 경우, 전체 셀을 선택할 때 disabled나 readOnly된 셀을 포함할지에 대한 여부
(옵션 설명) "include" (기본 값) : disabled나 readOnly된 셀의 경우 헤더의 전체 선택을 표시할 때 포함해서 전체 셀에 대한 상태 판단을 결정함 "exclude" : disabled나 readOnly된 셀은 포함하지 않고 전체 셀에 대한 상태 판단을 결정함 - checkDisabledOnCut
-
[default: true, false] disabled가 "true"인 컬럼의 데이터를 Ctrl+X로 잘라내기를 허용할지 여부
(옵션 설명) "true"(기본 값) : disabled="true"가 설정된 컬럼의 데이터를 '잘라내기'를 할 수 없음 "false" : disabled="true"가 설정된 컬럼의 데이터를 '잘라내기'를 할 수 있음 - checkEditableInputClass
-
[default: false, true] inputType이 text이고 셀의 상태가 readOnly 혹은 disabled인 경우, nobr 태그에 "w2grid_input" class의 적용여부
(옵션 설명) "true" : readOnly 또는 disabled 시 nobr 태그에 "w2grid_input" class가 적용되지 않음 "false" (기본 값) : nobr 태그에 항상 "w2grid_input" class가 적용됨 - checkEditOnPaste
-
[default: false, true] 편집모드 상태에서 n*n 데이터를 Ctrl+V로 붙여넣기할 때, 편집 셀 기준으로 n*n 개의 셀에 데이터를 붙여넣기 할지에 대한 여부
(옵션 설명) "true" : 기존 편집 중인 셀의 데이터는 사라지고, n*n 데이터가 n*n 셀에 각각 붙여넣어짐 (예시) 2*2 데이터 1 2 3 4를 (2,2) 셀에 붙여넣기하면, (2,2)(2,3)(3,2)(3,3) 셀 데이터가 각각 1 2 3 4가 됨 "false" (기본 값) : 기존 동작. 복사한 데이터가 현재 편집 중인 셀 하나에 1줄로 띄어쓰기로 합쳐서 붙여넣어짐 - checkReadOnlyOnCut
-
[default: true, false] readOnly가 "true"인 컬럼의 데이터를 Ctrl+X로 잘라내기를 허용할지에 대한 여부
(옵션 설명) "true"(기본 값) : readOnly="true"가 설정된 컬럼은 '잘라내기'를 할 수 없음 "false": readOnly="true"가 설정된 컬럼은 '잘라내기'를 할 수 있음 - checkReadOnlyOnPaste
-
[default: false, true] readOnly가 "true"인 모든 컬럼에 Ctrl+V로 데이터 붙여넣기를 허용할지에 대한 여부 (checkReadOnlyOnPasteEnable에서 컬럼 지정과 무관)
(옵션 설명) "true" : readOnly="true"가 설정된 컬럼에 '붙여넣기'를 할 수 없음 "false" (기본 값): readOnly="true"가 설정된 컬럼에 '붙여넣기'를 할 수 있음 - checkReadOnlyOnPasteEnable
-
[default: ""] readOnly="true"인 컬럼에 Ctrl +V를 통한 붙여넣기를 허용하는 컬럼을 지정
(사용 예) checkReadOnlyOnPasteEnable = "col1,col2"; //col1 및 col2 컬럼에서는 readOnly="true" 셀에도 '붙여넣기'를 할 수 있음 - class
-
HTML의 클래스 속성과 동일한 기능을 제공
CSS 파일이나 스타일 블럭에 정의한 여러 개의 클래스를 공백으로 구분하여 적용 가능 - columnMove
-
[default: false, true] 헤더 부분을 드래깅으로 컬럼 이동 허용
드래그 시 헤더의 값이 툴팁으로 표시됨
(참고사항) groupby(); 함수와 동시에 사용할 수 없음
(제약 사항) colSpan 설정 : 병합된 컬럼이 있을 경우, 병합된 컬럼은 이동이 되나 개별 컬럼 단위로 이동이 불가능 Header 2줄 설정 : 헤더가 2줄일 때, 첫 번째 헤더를 기준으로 컬럼 이동이 가능하나, 두 번째 헤더는 컬럼 이동이 불가능 subtotal 추가 : 부분합은 이동되지 않음(확인 작업) footer 추가 : 푸터 컬럼은 이동되지 않음 - columnMoveWithFooter
-
[default: false, true] 컬럼 이동 시 푸터를 함께 이동할지 여부 설정
setColumnOrder 함수를 호출하여 컬럼을 이동하거나 columnMove="true" 설정을 한 경우 마우스 드래그를 통해 컬럼을 이동할 때 해당
(단, 푸터가 헤더 및 바디와 병합 구조가 다른 경우, 병합된 컬럼은 개별적으로 이동이 불가능)(옵션 설명) "true" : 푸터도 함께 이동 "false" (기본 값) : 푸터는 이동하지 않음
(관련 함수 및 속성) setColumnOrder(); columnMove="true" - contextMenu
-
[default: false, true] 컨텍스트 메뉴 사용 여부
- contextMenuAltClick
-
[default: false, true] Alt 키 + 마우스 좌클릭 시, 컨텍스트 메뉴 표시 여부
(관련 속성) contextMenu="true" - copyOption
-
[default: dataList, display] 데이터를 복사할 때 DataList에 들어있는 값을 기준으로 복사할지(dataList), 또는 화면에 보이는 기준(display)으로 복사할지를 설정
copyOption은 컬럼마다 개별 설정도 가능하며 우선순위는 컬럼 개별 설정이 더 높음(옵션 설명) "dataList" (기본 값) : 데이터 복사 시 dataList에 들어있는 값을 기준으로 복사 "display" : 데이터 복사 시 화면에 출력된 값을 기준으로 복사 (사용 예) gridView (1,1) 셀의 inputType이 "select" 이고 dataList에 들어있는 값(value)은 "1001", 화면에 출력된 값(label)은 "a1" 일 때 옵션이 "dataList"인 경우 해당 셀을 복사 시 클립보드에 "1001" 복사 옵션이 "display"인 경우 해당 셀을 복사 시 클립보드에 "a1" 복사 - copyType
-
[default: default, native] 데이터를 복사할 때 포커스된 셀을 전부 복사할지(default) 또는 드래그를 통해 선택한 텍스트를 복사할지(native)를 설정
(옵션 설명) "default" (기본 값) : 데이터 복사 시 포커스된 셀 전체를 복사. 여러 셀을 복사한 경우 붙여넣을때도 여러 셀에 걸쳐 붙여넣기가 됨 "native" : 하나의 셀에서 일부의 데이터만 복사하고 싶을 때 사용. 여러 셀의 내용 일부를 복사할수 는 있으나, 붙여넣기는 항상 1개의 셀에만 붙여넣기 됨 (사용 예) (1,1)(1,2)(2,1)(2,2) 셀이 선택된 상태에서 (0,3) 셀에 붙여넣기를 하는경우 default인 경우 선택된 셀들의 값이 각각 (0,3),(0,4),(1,3)(1,4) 셀에 붙여넣기 됨 native인 경우 선택된 셀과 관계없이 마우스 드래그를 통해 선택된 영역의 텍스트가 (0,3) 셀 하나에 붙여넣기 됨. 복수의 셀이 선택된 경우 탭 문자(\t)가 추가됨 - ctrlShiftKey
-
[default: false, true] Ctrl 키와 Shift 키를 번갈아 사용 가능하게 요청
(관련 속성) useShiftKey="true" (옵션 설명) "true" : Ctrl 키와 Shift 키를 번갈아 사용 가능 "false" : Shift 키를 이용하여 복수 셀의 선택에 적용 (useShiftKey="true" 동작과 동일) - customFilterBox
-
[default: false, true] 필터가 설정된 상태에서 groupby() 함수를 실행할 경우, 해당 필터를 계속 표시할지 여부
즉, 필터링과 그룹핑 동시 적용 가능
(옵션 설명) "true" : 필터 상자가 표시되고, groupby() 함수 실행 시 해당 필터를 유지 "false" (기본 값) : 필터 상자가 표시되지 않고, groupby() 함수 실행 시 필터가 초기화 됨
(관련 속성) groupbyZone="true" groupbyFilterBox="true" useFilterList="true" useFilter="true" - dataDragDrop
-
[default: false, true] 동일한 GridView 또는 서로 다른 GridView 간의 데이터 드래그-앤-드롭을 허용
기본적으로 2개의 GridView가 서로 다른 DataList와 연동되어 있고, 모두 본 속성을 사용해야 함 (단, dataDragSelect 기능은 같이 사용할 수 없음)
(주의: FireFox에서는 Ctrl 키를 누르고 사용 해야함) - dataDragDropOther
-
[default: false, true] 서로 다른 GridView 간의 데이터를 드래그-앤-드롭만 허용할지 여부
(즉, 동일한 GridView 내에서의 이동 방지)(관련 속성) dataDragDrop="true" - dataDragDropSelf
-
동일 gridView 내에서만 데이터 드래그-앤-드롭만 허용할지 여부 [true, false]
(관련 속성) dataDragDrop="true" - dataDragDropStatus
-
[default: false, true] 변경이 일어난 데이터를 드래그-앤-드롭을 통해 이동시켰을 때 행 상태를 유지할지 여부
단, dragEndFunction을 사용하는 경우는 제외. 이 경우에는 dragEndFunction에서 직접 처리해야 함
변경된 데이터를 드래그-앤-드롭으로 이동시켰을 때 rowStatus가 C로 바뀌는 것이 기본 동작(관련 속성) dataDragDrop="true" rowStatusVisible="true" - dataDragSelect
-
[default: false, true] 여러 개의 셀들을 드래그로 선택
useShiftKey 속성을 사용할 때 유효하며, dataDragDrop 속성과 함께 사용할 수 없음(관련 속성) useShiftKey="true" dataDragDrop="false" - dataDragSelectAutoScroll
-
[default: false, true] 드래그를 통해 복수의 셀을 선택할 경우(dataDragSelect="true"), 마우스가 화면 밖을 벗어나면 자동으로 스크롤이 되는 기능
(옵션 설명) "true" : 마우스가 화면 밖을 벗어나면 자동으로 스크롤이 발생 "false" (기본 값) : 마우스가 화면 밖을 벗어나도 자동으로 스크롤이 발생하지 않음 (관련 속성) dataDragSelect="true" dataDragSelectAutoScrollLevel dataDragSelectAutoScrollPeriod - dataDragSelectAutoScrollLevel
-
[default: 1300] dataDragSelectAutoScroll 기능 사용 시 현재의 스크롤링 속도가 2배로 빨라지기까지의 시간 (단위: ms)
(즉, 드래깅 시간이 길어질수록 스크롤링 속도도 증가)(사용 예) dataDragSelectAutoScrollLevel="1300"인 경우, 1.3초 마다 현재 스크롤링 속도의 2배로 증가 (관련 속성) dataDragSelectAutoScroll="true" dataDragSelectAutoScrollPeriod - dataDragSelectAutoScrollPeriod
-
[default: 70] dataDragSelectAutoScroll 기능 사용 시 스크롤링이 발생하는 주기 (단위: ms)
값이 작을수록 스크롤링 속도가 빨라짐(관련 속성) dataDragSelectAutoScroll="true" dataDragSelectAutoScrollLevel - dataList
-
GridView의 데이터에 해당하는 데이터컬렉션의 DataList의 아이디
- defaultCellHeight
-
[default: -1] 셀의 기본 높이
- disabledBackgroundColor
-
disabled가 "true" 설정이 적용된 셀 혹은 행의 배경색
- disabledFontColor
-
disabled가 "true" 설정이 적용된 셀 혹은 행의 글자색
- disabledScrollHidden
-
[default: false, true] GridView가 disabled인 경우 스크롤도 함께 숨김
IE를 제외한 다른 브라우저의 경우, GridView가 disabled되더라도 스크롤은 움직일 수 있는 현상을 원천적으로 차단하기 위한 속성 - dragDisplayColumn
-
[default: ""] 데이터를 드래그(dataDragDrop="true")할 때 툴팁으로 표시할 컬럼의 아이디를 지정
해당 컬럼의 데이터가 툴팁으로 표시됨
여러 컬럼을 지정할 경우 컬럼 아이디를 ","로 구분하여 설정
본 속성을 정의하지 않을 경우, 클릭된 컬럼의 데이터가 툴팁에 표시됨 - dragEndFunction
-
드래그 종료시 실행될 함수
드릴다운인 경우와 그렇지 않은 경우를 구분해서 해당 함수를 정의해야 함(관련 속성) dragStartFunction
(예제 1) // 기본적으로 dragEndFunction을 정의할 때, // targetRowIndex, rowXml, infoObj가 각각 첫번째, 두번째, 세번째 인자로 넘어옴 // 두번째 인자인 rowXml은 dragStartFunction에서 리턴한 값이며, // 세번째 인자인 infoObj는 object // fromColumnId, fromColumnIndex, toColumnId, toColumnIndex, rowJSON 정보를 포함 // dragEndFunction에서 targetRowIndex에 삽입하고자 하는 행을 삽입하는 로직을 구현하면 되며, // 반환값이 true일 때 처음 dragdrop이 시작됐던 행 인덱스에 해당하는 행을 삭제 function end( targetRowIndex, rowXml, info ) { var fromColumnId = info.fromColumnId; var fromColumnIndex = info.fromColumnIndex; var toColumnId = info.toColumnId; var toColumnIndex = info.toColumnIndex; var rowJSON = info.rowJSON; . . . return true; // true인 경우만 처음 드래그 앤 드랍이 시작됐던 행 인덱스에 해당하는 행을 삭제 } (예제 2) // 그리드가 drilldown을 사용하는 경우, // setDrillDownDragDrop 함수의 첫번째 인자값으로 true를 줘야 하며, // 이 경우 dragStartFunction은 toIndex, rowXml, infoObj가 각각 첫번째, 두번째, 세번째 인자로 넘어옴 // 첫번째 인자값으로는 toIndex가 주어지는데 drilldown을 사용하였기 때문에, // targetIndex의 realRowIndex를 계산한 값이라고 보면 됨 // 세번째 인자값으로 object가 주어지며, // removedData, removedRowIndex, insertedData, insertedRowIndex, fromRowIndex, toRowIndex, rowJSON 정보를 포함 // 위의 경우와 달리 반환값은 아무 의미 없음 function end( toIndex, rowXml, info ) { var removedData = info.removedData; var removedRowIndex = info.removedRowIndex; var insertedData = info.insertedData; var insertedRowIndex = info.insertedRowIndex; var fromRowIndex = info.fromRowIndex; var toRowIndex = info.toRowIndex; var rowJSONArray = info.rowJSON; //json Array . . . } - dragStartFunction
-
드래깅 시작 시 실행할 함수
드릴다운인 경우와 그렇지 않은 경우를 구분해서 해당 함수를 정의해야 함(관련 속성) dragEndFunction
(예제 1) // 기본적으로 dragStartFunction을 정의할 때, // rowIndex, rowXml, infoObj가 각각 첫번째, 두번째, 세번째 인자로 넘어옴 // 세번째 인자인 infoObj는 객체이며 fromColumnId, fromColumnIndex 정보를 포함 // 반환값은 dragEndFunction이 정의되어 있는 경우, dragEndFunction이 실행될 때 두번째 인자로 이용할 수 있음 function start( rowIndex, rowXml, info ) { var fromColumnId = info.fromColumnId; var fromColumnIndex = info.fromColumnIndex; . . . return rowXml; // dragEndFunction의 두번째 인자로 이용됨 } (예제 2) // 그리드가 드릴다운을 사용하는 경우, // setDrillDownDragDrop 함수의 첫번째 인자값으로 true를 주고 실행시킨 이후의 상태여야 하며, // dragStartFunction을 실행했을 때는 반환값이 true인 경우에만 드릴다운의 dragDrop을 실행 // 이 경우 dragStartFunction은 첫번째 인자값으로 객체가 주어지며 parentRowIndex, parentRowData, beforeRemoveRowIndex, beforeRemveData 정보를 포함 function start( info ) { var parentRowIndex = info.parentRowIndex; var parentRowData = info.parentRowData; var beforeRemoveRowIndex = info.beforeRemoveRowIndex; var beforeRemoveData = info.beforeRemoveData; . . . return true; // true인 경우에만 드릴다운의 dragDrop을 실행 } - drawType
-
[default: virtual, native] GridView를 그릴 때 화면에 보이는 부분만 그릴지 (virtual), 전체를 그릴지 (native)에 대한 여부
drawType이 "native" 인 경우 GridView의 세로 스크롤 처리를 브라우저에 위임하므로 세로 스크롤의 움직임이 자연스러우며 데이터가 적은 경우 유리함
drawType이 "virtual" 인 경우 화면에 보이는 영역만 랜더링하므로 대용량 그리드에서 성능이 유리함
GridView의 각 행의 높이가 다른 경우 drawType을 "native"로 사용하는 것을 권장(제약사항) drawType을 "native" 사용 시 확인이 필요한 사항 GridView의 높이는 필수로 지정해줘야 함 (visibleRowNum 속성 무시) fixedRow 속성은 사용할 수 없음 (fixedRow 속성 무시) - drilldownToggle
-
[default: ""] 드릴다운 컬럼에서 목록을 펼칠 때 사용되는 방식을 지정
(옵션 설명) enter : 포커스된 셀에서 Enter 키에 의한 토글링. 포커스된 셀이 하나일 경우 적용 - drilldownToggleScrollFix
-
[default: false, true] 드릴다운 컬럼에서 +버튼을 클릭하여 목록을 펼칠 때 스크롤을 고정
- dynamic
-
[default: false, true] 틀만 그려놓고 setGridStyle을 통해 동적으로 생성
dynamic이 true일 경우 GridView에 w2:header나 w2:body가 존재하지 않더라도 경고 메세지를 출력하지 않음 - editModeEvent
-
[default: ondblclick, onclick, onsecondclick] 셀 수정 모드로 진입하기 위한 마우스 동작 이벤트
(옵션 설명) "onclick" : 셀을 클릭할 경우 셀 수정 모드로 진입 "ondblclick" (기본 값): 셀을 더블-클릭할 경우 셀 수정 모드로 진입 "onsecondclick": 셀 클릭 후 시차를 두고 다시 클릭하거나 키를 입력할 경우 수정 모드로 진입 - editModeEventIcon
-
[default: onclick, ondblclick] viewType이 "icon"인 경우 수정 모드로 진입하기 위해 필요한 마우스 동작 이벤트
(옵션 설정) "onclick" (기본 값): 아이콘을 클릭할 경우 셀 수정 모드로 진입 "ondblclick": 아이콘을 더블-클릭할 경우 셀 수정 모드로 진입
(주의 사항) GridView.column과 GridView 모두 editModeEventIcon 설정을 정의한 경우 GridView.column의 설정이 우선함 - enterKeyMove
-
[default: down, right, none, edit, editRight, editDown] 셀에서 Enter 키를 입력할 경우 포커스 이동 방향
(옵션 설명) "down" (기본 값) : Enter 키 입력 시 아래쪽 셀로 이동 "right" : Enter 키 입력 시 오른쪽 셀로 이동 "none" : Enter 키를 입력해도 포커스 이동이 없음 "edit" : Enter 키 입력 시 편집 모드로 이동 "editRight" : 편집 모드에서 Enter 키를 입력할 경우 오른쪽 셀로 이동 "editDown" : 편집 모드에서 Enter 키를 입력할 경우 아래쪽 셀로 이동 - escape
-
[default: true, false] <>&"를 HTML escape 문자로 변환하여 화면에 표시
(옵션 설명) "true" (기본 값) : escape 문자로 변환하지 않음 "false" : escape 문자로 변환하여 화면에 표시 - euroMask
-
[default: ""] dataType이 "euro"인 경우나 changeCurrency() 함수를 사용하는 경우 화폐 표현식
(사용 예시) euroMask = "#.###,00" - evenRowBackgroundColor
-
짝수 행의 배경색
- excludeDeletedRows
-
[default: false, true] 부분합과 푸터 등에서 삭제된 행을 제외하고 계산을 실행
(관련 함수) deleteRow(); deleteRows(); - excludeModifiedRows
-
[default: false, true] 부분합과 푸터 등에서 변경(수정, 삭제, 추가)이 발생한 행을 제외하고 계산
(관련 함수) modifyRowStatus(); : 본 함수를 사용하여 특정 행의 상태를 "D" 설정하는 경우에도 해당 행을 제외하고 계산 - fastScroll
-
[default: true, false] 세로 스크롤 이동 시 고속 스크롤링 효과를 추가
시간 내에 그릴 수 있는 부분까지만 표현됨. 아직 그려지지 않은 영역은 "화면 갱신 중 입니다." 메세지를 표시 - filterBoxvisibleRowNum
-
[default: 4] 필터링 조건 목록에 표시할 필터링 조건의 수
(관련 속성) groupbyFilterBox="true" - filterFocusMode
-
[default: ""] 정렬 이벤트 발생 시 이벤트 발생 전 바디의 셀/행에 선택되어있는 포커스를 제거할지에 대한 속성
(옵션 설명) "outfocus" : 바디의 포커스를 제거한 후 정렬을 수행 "infocus" : 기존 포커스의 위치 유지하여 정렬을 수행 "followfocus" : 기존 포커스된 항목을 정렬 후, 해당 항목의 위치로 포커스를 이동. 이 때 scrollend 이벤트는 발생하지 않음 - filterShowAlways
-
[default: false, true] useFilter가 "true"인 컬럼에서 컬럼 너비가 좁을 때 필터의 아이콘을 최우선으로 표시
- fixedColumn
-
[default: 0] 틀고정을 적용할 컬럼의 위치
(예제) 첫번째 컬럼일 경우 fixedColumn="1"을 설정 - fixedColumnLineDiv
-
틀고정 CSS를 Div에 표현할지 여부
- fixedColumnLineDivStart
-
틀고정 Div 시작 위치 지정
(관련 속성) fixedColumnLineDiv="true" - fixedColumnNoMove
-
[default: false, true] 고정된 컬럼이 지정된 컬럼의 컬럼 이동 허용 여부
- fixedColumnScrollHidden
-
[default: false, true] 틀고정을 할 경우, 고정된 영역의 스크롤을 숨김
- fixedColumnWithHidden
-
[default: true, false] 고정된 컬럼의 위치 값에 숨겨진 컬럼을 포함하여 계산할지 여부
- fixedRightColumn
-
[default: 0] 우측에 틀고정할 컬럼의 수
(예제) fixedColumn이 "3"이고 fixedRightColumn이 "2"인 경우, 왼쪽은 3번째 컬럼까지 고정되고, 오른쪽은 2번째 컬럼까지 고정
(관련 함수) setFixedRightColumn(); - fixedRow
-
[default: 0] 틀고정을 시킬 행의 위치
(예제) //첫번째 행에 틀고정할 경우 fixedRow="1" - focusDefaultColumn
-
[default: false, true] true 설정 시 행 번호 컬럼 및 행 상태 컬럼이 포커스를 받을 수 있는 상태로 바꿀지 여부
(참고) 행 번호 컬럼은 rowNumVisible가 "true"인 경우 표시되는 컬럼 행 상태 컬럼은 rowStatusVisible가 "true"인 경우 표시되는 컬럼 - focusFlow
-
[default: default, linear] 포커스 이동 방향을 설정
(옵션 설명) "default" (기본 값): 맨 좌측, 맨 우즉, 상단, 하단에서 더 이상 이동하지 않음 "linear" : 맨 좌측, 맨 우즉, 상단, 하단 이후 위/아래 행 및 이전/이후 컬럼으로 이동 - focusImage
-
[default: false, true] senseReader 또는 embeddedInput이 true이며 inputType이 "image"인 경우, 이미지로 포커스 이동할지 여부
- focusMode
-
[default: cell, row, both, none] 셀에 포커스 시 선택 영역 표현 방법
(옵션 설명) "cell" (기본 값) : 셀을 선택 "row" : 행을 선택 "both" : 셀과 행을 모두 선택 "none" : 아무것도 선택하지 않음 - focusMove
-
[default: true, false, vertical, horizontal] 방향키를 통한 포커스 이동 허용
(옵션 설명) "true" (기본 값) : 상/하/좌/우 방향키를 통한 포커스 이동 허용 "false" : 방향키를 통한 이동 금지 "vertical" : 상/하 방향키만 허용 "horizontal" : 좌/우 방향키만 허용 - footerCaption
-
[default: ""] 푸터의 캡션에 들어갈 내용 설정
- footerCaptionAuto
-
[default: false, true] captionAuto 설정에 상관 없이 푸터의 캡션 내용 자동 생성
(관련 속성) captionTitle footerCaption
(예제 1) captionTitle = "연도별 매출", footerCaptionAuto = "true" // footerCaption="연도별 매출의 합계를 나타낸 표" (예제 2) captionTitle = "연도별 매출", footerCaptionAuto = "" // "연도별 매출"이 바닥글로 생성 - footerSummary
-
[default: ""] 푸터의 내용 요약
- footerSummaryAuto
-
[default: false, true] captionAuto 설정에 상관 없이 푸터의 요약 자동 생성
(관련 속성) captionTitle footerSummary
(예제) captionTitle = "연도별 매출", footerSummaryAuto = "true" // summary="연도별 매출의 합계를 나타낸 표" - groupbyFilterBox
-
[default: false, true] 필터링 기능을 사용할 때 필터링 조건 목록의 표시 여부
사용자는 표시된 목록에서 조건을 선택하여 필터링 수행 가능(옵션 설명) "true" : 표시 "false" (기본 값) : 표시하지 않음
(관련 속성) groupbyFilterBoxLocation : 필터링 조건 목록 표시 위치 filterBoxvisibleRowNum : 표시할 필터링 조건 수 - groupbyFilterBoxFormatter
-
groupbyFilterBox에 출력되는 목록의 형식을 변경하는 속성
data, isGroupby 두 개의 파라미터를 전달받음(파라미터 설명) data : groupbyFilterBox에 추가되는 필터 정보를 담은 객체. 하위 객체로 헤더와 필터 존재 data.header : 필터 대상이 되는 열의 헤더 라벨 data.filter : 필터 조건을 담은 객체 data.filter.labels : 필터 데이터의 라벨 data.filter.operator : 필터 연산자 data.filter.values : 필터 데이터의 값 (대상이 다수일 경우에는 배열 형태로 제공) data.filter.gate : 사용자 지정 필터 사용 시 접속어 [undefiend, and, or] isGroupby : 그룹핑 상태일 경우 true, 아닐 경우 false - groupbyFilterBoxLocation
-
[default: bottom, top] groupbyFilterBox를 표시할 위치
(옵션 설명) "top" : 상단에 표시 "bottom" (기본 값): 하단에 표시
(관련 속성) groupbyFilterBox="true" - groupbyMaxCount
-
groupby 가능한 최대 컬럼 개수를 지정
- groupbyZone
-
[default: false, true] groupby 기능을 사용 여부 (groupby란 특정 컬럼들을 기준으로 컬럼 내의 같은 데이터들을 그룹핑하여 표시)
- groupbyZoneHeight
-
[default: 50] groupbyZone의 높이를 설정
- groupbyZoneMessage
-
groupbyZone이 초기 상태일 경우 출력할 메세지를 설정
- hammerEnabled
-
[default: true, false] 모바일에서 더블클릭 이벤트를 Hammer.JS의 키를 누른(press) 상태 이벤트로 처리
- hammerPressTime
-
[default: 351] 키를 누른(press) 상태 이벤트가 발생하기까지 누르고 있어야 할 시간 (단위: ms)
- hideDeletedRow
-
[default: false, true] 삭제된 행을 화면에서 보여지지 않게 할지 여부
(단, groupby나 drilldown에서는 미지원)(관련 함수) deleteRow(); deleteRows(); - hideFilterIconOnNoData
-
[default: true, false] 데이터가 존재하지 않을 경우 웹접근성용 head filter 아이콘을 보여줄지 여부
- hideHeader
-
[default: false, true] 헤더 숨길지 여부
- hideSortIconOnNoData
-
[default: true, false] 데이터가 존재하지 않을 경우 웹접근성용 head sort 아이콘을 보여줄지 여부
- id
-
컴포넌트 아이디 (전역 객체로 할당)
각 컴포넌트 아이디를 통해 스크립트에서 해당 컴포넌트에 접근 가능 - ignoreCellClick
-
[default: false, true] 드릴다운 컬럼에서 하위 노드가 있는 경우 상위 노드 셀에 oncellclick 이벤트 발생 여부
(옵션 설명) "true" : 셀 클릭을 무시. 상위 노드 셀을 클릭해도 oncellclick 이벤트가 발생하지 않음 "false" : 셀 클릭 시 oncellclick 이벤트가 발생 - ignoreNonEditableCell
-
셀 편집이 불가능할 경우, Tab 키나 Enter 키 입력을 무시
- ignoreNonEditableCellTabEnter
-
[default: false, true] ignoreNonEditableCell이 "true"인 경우, readOnly="true" 셀에서 방향키를 통한 이동 허용
(옵션 설정) "false" : 방향키를 사용 "true" : Tab 키나 Enter 키 사용 - ignoreToggleOnDisabled
-
[default: false, true] 드릴다운 시 disabled이 "true"인 셀의 경우 토글 이미지를 클릭을 무시
- initFixedHeightByRowNum
-
[default: -1] 최초 렌더링된 GridView의 행의 수를 기준으로 GridView의 높이를 초기화 (부분합의 행의 수도 포함)
즉, 화면에 표시할 행의 수를 고정할 수 있는 속성을 의미함 - keepDefaultColumnWidth
-
[default: false, true] autoFit이 설정되어 있는 경우, 행의 번호(rowNum)와 행의 상태(rowStatus) 컬럼의 너비를 고정
(관련 속성) rowNumVisible = true rowStatusVisible = true autoFit = "lastColumn" 또는 "allColumn" - keyMoveEditMode
-
[default: false, true] Tab이나 Enter 키를 사용하여 이동 시 즉시 편집 모드로 진입 여부
(옵션 설명) "true" : Tab이나 Enter 키를 사용하여 이동과 함께 바로 수정 모드로 진입 "false" (기본 값) : Tab이나 Enter 키를 사용하여 포커스만 이동 - labelDelimiter
-
GridView.column의 inputType이 CheckBox 혹은 Radio인 경우 항목의 라벨 조합 컬럼 아이디의 구분자
(관련 속성) GridView.column.radioLabelColumn, GridView.column.checkboxLabelColumn - loadCount
-
세로 스크롤이 하단에 닿은 후 발생되는 onscrollend() 이벤트를 한번만 발생시켜 줄 행을 지정
지정하지 않으면 세로 스크롤이 하단에 닿을 때마다 onscrollend() 이벤트가 발생함(관련 이벤트) onscrollend
(사용 예시) loadCount = 2 이 경우 그리드의 마지막 3행에 스크롤이 도달하면 onscrollend() 이벤트가 발생 - mergeCells
-
행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 병합함
(옵션 설명) "never" : 병합하지 않음 "bycol" : 같은 컬럼에서 연속적으로 데이터가 같은 행들을 병합 "byrow" : 같은 행에서 연속적으로 데이터가 같은 컬럼들을 병합 "bycolrec" : bycol로 병합 후, 병합되지 않은 셀을 대상으로 byrow를 실행 "byrowrec" : byrow로 병합 후, 병합되지 않은 셀을 대상으로 bycol을 실행 "byrestriccol" : 같은 컬럼에서 연속적으로 같은 데이터가 있고 왼쪽의 컬럼이 병합된 경우, 해당 행들을 병합 (n+1 컬럼에서 n컬럼을 upperColumn으로 지정한 형태) "byrestricrow" : 같은 행에서 연속적으로 같은 데이터가 있고 위쪽의 행이 병합된 경우 해당 열들을 병합 (n+1 행에서 n행을 upperRow으로 지정한 형태) - mergeCellsFixedCols
-
fixedColumn 영역 내에서 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 병합
(옵션 설명) "never" : 병합하지 않음 "bycol" : 같은 컬럼에서 연속적으로 데이터가 같은 행들을 병합 "byrow" : 같은 행에서 연속적으로 데이터가 같은 컬럼들을 병합 "bycolrec" : bycol로 병합 후, 병합되지 않은 셀을 대상으로 byrow를 실행 "byrowrec" : byrow로 병합 후, 병합되지 않은 셀을 대상으로 bycol을 실행 - mergeCellsFixedRows
-
fixedRow 영역 내에서 행 또는 컬럼 기준으로 연속적으로 같은 데이터들을 병합
(옵션 설명) "never" : 병합하지 않음 "bycol" : 같은 컬럼에서 연속적으로 데이터가 같은 행들을 병합 "byrow" : 같은 행에서 연속적으로 데이터가 같은 컬럼들을 병합 "bycolrec" : bycol로 병합 후, 병합되지 않은 셀을 대상으로 byrow를 실행 "byrowrec" : byrow로 병합 후, 병합되지 않은 셀을 대상으로 bycol을 실행 - mergeCol
-
mergeCells로 병합하는 경우 병합을 수행할 컬럼을 지정
여러개일 경우 콤마(",")로 구분함(사용 예제) // col1과 col3 컬럼의 값을 기준으로 병합 mergeCells = "byCol", mergeCol = "col1,col3" - mergeExcludeValue
-
병합하지 않을 값을 정의
여러개일 경우 콤마(",")로 구분함(사용 예시) // 빈 값과 100은 병합에서 제외 mergeExcludeValue="$blank,100" //* 빈 값은 "$blank"를 사용 - minWidth
-
[default: 0] 컬럼의 최소 너비 (단위: px), 컬럼에 minWidth를 선언한 경우 우선 적용
- moveKeyEditMode
-
[default: false, true] 상하 방향키를 사용하여 이동 시 즉시 편집 모드로 진입 여부
(옵션 설명) "true" : 상하 방향키를 사용하여 이동과 함께 바로 수정 모드로 진입 "false" (기본 값) : 상하 방향키를 사용하여 포커스만 이동 - moveKeyEditModeAll
-
[default: false, true] 상하좌우 방향키를 사용하여 이동 시 즉시 편집 모드로 진입 여부
(옵션 설명) "true" : 방향키를 사용하여 이동과 함께 바로 수정 모드로 진입 "false" (기본 값) : 방향키를 사용하여 포커스만 이동
(참고 사항) inputType은 text, select, calendar, checkcombobox, secret, textarea인 경우 지원됨 inputType이 text, calendar, secret, 혹은 textarea인 경우 좌우 방향키는 커서가 문자열의 첫번째 또는 마지막에서 입력될 경우 이동 - nextTabID
-
Tab 키로 이동할 경우, Tab 키를 누를 때 다음으로 선택될 컴포넌트의 아이디
- noResultMessage
-
[default: "조회 결과가 없습니다."] 조회 결과가 없을 경우 표시할 메세지
- noResultMessageClass
-
조회 결과 없음 메시지에 별도의 스타일을 적용하기 위한 클래스.
(참고 사항) 해당 메세지는 <div> 태그 내에 텍스트가 표현됨 (!주의!) 각 Style 항목이 Inline으로 존재하기 때문에, 클래스의 각 Style 속성에 !important를 사용해야 함 - noResultMessageStyle
-
조회 결과 없음 메시지에 별도의 스타일을 적용
(사용 예시) 아래 속성을 필수로 정의해야 레이아웃이 유지되고 메시지가 정상 출력됨 position: absolute; display: block; left: 40%; width: 20%; top: 40%; text-align:center; (참고 사항) 해당 메세지는 <div> 태그 내에 텍스트가 표현됨 position과 display가 정의되지 않은 경우 엔진에서 absolute 및 block 값을 할당 - noResultMessageURL
-
gridview별로 noResultMessage를 변경할 수 있는 xml 파일 경로
- noResultMessageVisible
-
[default: true, false] 조회 결과가 없을 때 메시지 표시 여부
- noResultMessageVisibleAlways
-
[default: false, true] 데이터가 하나도 없을 때 메시지 표시 여부 (DataList 연동여부와 상관없음)
(관련 속성) noResultMessageVisible = true - noSelect
-
다중으로 셀을 드래깅하거나 Ctrl 또는 Shirt 키를 통해 여러 셀 선택 허용 여부
(옵션 설명) true : 다중 셀 선택을 방지 false (기본 값): 다중 셀 선택을 허용 (관련 속성) useCtrlKey = true 또는 useShiftKey = true - numberMask
-
[default: ""] 숫자나 화폐 표시형태 변경을 위해 dataType="number" 설정이나 changeCurrency(); 함수를 사용할 경우 적용되는 숫자표시 형식 값
(사용 예시) numberMask = "#,###.00" 또는 numberMask = "#,##0" - oddEvenColorDisplay
-
[default: true, false] 짝/홀수 행 마다 서로 다른 색의 사용 여부
- oddRowBackgroundColor
-
홀수 행의 배경색
(관련 속성) oddEvenColorDisplay = true - overflowX
-
[default: auto, hidden, scroll] 가로 스크롤 표시 여부
(옵션 설명) auto (기본 값) : 데이터가 GridView 영역을 넘치는지 여부에 따라 스크롤을 자동으로 표시 hidden : 스크롤을 표시하지 않음 scroll : 스크롤을 항상 표시 - overflowY
-
[default: auto, hidden, scroll] 세로 스크롤 표시 여부
(옵션 설명) auto (기본 값) : 데이터가 GridView 영역을 넘치는지 여부에 따라 스크롤을 자동으로 표시 hidden : 스크롤을 표시하지 않음 scroll : 스크롤을 항상 표시 - preventAddRowOnPaste
-
[default: false, true] Ctrl(또는 cmd)+V를 눌러 클립보드에서 그리드로 붙여넣기하는 경우 새로운 행의 추가 여부
(옵션 설명) true : 붙여넣는 데이터가 마지막 행을 넘어서는 경우 이후 데이터는 붙여넣기를 하지 않음 false (기본 값) : 붙여넣는 데이터가 마지막 행을 넘어서는 경우 행이 자동으로 추가됨 - preventCopy
-
[default: false, true] Ctrl(또는 cmd)+C 또는 Ctrl(또는 cmd)+X를 통해 데이터를 클립보드에 붙여넣는 동작을 방지 (셀이 편집모드인 경우에는 설정이 무시됨)
- preventCopyColumn
-
[default: ""] Ctrl(또는 cmd)+C 또는 Ctrl(또는 cmd)+X를 통해 데이터를 클립보드에 복사하는 동작을 방지할 컬럼의 아이디를 지정 (셀이 편집모드인 경우에는 설정이 무시됨)
(사용 예시) preventCopyColumn = "col1,col2"; - preventMultisort
-
다중 정렬을 방지
(관련 속성) sortable = true - preventPaste
-
[default: false, true] Ctrl(또는 cmd)+V를 통해 클립보드의 정보를 붙여넣는 동작을 방지 (셀이 편집모드인 경우에는 설정이 무시됨)
- preventPasteColumn
-
[default: ""] Ctrl(또는 cmd)+V를 통해 클립보드의 정보를 붙여넣는 동작을 방지할 컬럼의 아이디를 지정 (셀이 편집모드인 경우에는 설정이 무시됨)
(사용 예시) preventPasteColumn = "col1,col2"; - readOnly
-
[default: false, true] 전체 셀을 읽기 전용으로 설정
읽기전용 속성은 GridView, Column, Row, Cell 별로 속성이나 함수를 통해 설정 가능(적용 우선 순위) GridView < Column < Row < Cell 이때 Column과 Row의 우선 순위를 readOnlyPriority의 설정으로 변경 가능 - readOnlyBackgroundColor
-
읽기전용 셀의 배경색
(관련 속성) readOnly="true" - readOnlyBackgroundImg
-
읽기전용 셀의 배경 이미지 경로
(관련 속성) readOnly="true" - readOnlyBackgroundImgCSS
-
읽기전용 셀의 배경 이미지의 스타일(CSS)
readOnlyBackgroundImg 속성보다 우선 적용됨(관련 속성) readOnly = true readOnlyBackgroundImg
(사용 예시) background: steelblue url("이미지경로") 10px 50% no-repeat; - readOnlyPriority
-
[default: column, row] 읽기전용(readOnly)의 적용 우선 순위 설정
읽기전용 속성은 GridView, Column, Row, Cell 별로 속성이나 함수를 통해 설정 가능(적용 우선 순위) GridView < Column < Row < Cell 이때 Column과 Row의 우선 순위를 readOnlyPriority의 설정으로 변경 가능 - readOnlyTabIgnore
-
[default: false, true] Tab 키로 컬럼이동 시 읽기전용 컬럼를 무시할 지 여부
(관련 속성) readOnly="true" - resize
-
[default:true, false] 마우스 드래깅을 통한 컬럼 너비 조절 허용
- rowMouseOver
-
[default: true, false] 마우스커서가 위치(마우스-오버)할 때 행의 배경색을 표시할지 여부
- rowMouseOverClass
-
마우스-오버된 행에 적용할 클래스
- rowMouseOverColor
-
마우스커서가 위치(마우스-오버)할 때 표시할 행의 배경색
- rowNumBackgroundColor
-
행 번호 컬럼의 배경색
(관련 속성) rowNumVisible = true 인 경우 유효함 - rowNumHeaderValue
-
행 번호 헤더에 표시할 텍스트
(관련 속성) rowNumVisible = true 인 경우 유효함 - rowNumLocaleRef
-
행의 번호표시(rowNum ) 컬럼에 설정할 다국어 키 값
- rowNumRowMouseOverColor
-
rowNum 컬럼에 rowMouseOverColor 적용 여부
(관련 속성) rowNumVisible="true" - rowNumStatusResize
-
[default: false, true] 행 번호(rowNum) 및 행 상태(rowStatus) 표시 컬럼의 너비 조절 가능 여부
- rowNumStatusUniqueId
-
[default: false, true] 행 번호(rowNum) 혹은 행 상태(rowStatus) 표시를 사용 시 각 행 별로 유일한 아이디를 사용 (웹표준검사(W3C Validator)를 위한 속성)
(옵션 설명) "false" (기본 값) : 모든 행 번호에 해당하는 td의 아이디는 "_headerRowNumber"이고 행 상태에 해당하는 td의 아이디는 "_headerStatusNumber" "true" (권장) : 각 행 별로 유일한 아이디를 사용 - rowNumVisible
-
[default:false, true] 행 번호 표시 여부
- rowNumWidth
-
행 번호를 표시하는 컬럼의 너비
(관련 속성) rowNumVisible = true 인 경우 유효함 - rowStatusHeaderValue
-
헤더에 표시할 텍스트
(관련 속성) rowStatusVisible = true 인 경우 유효함 - rowStatusLocaleRef
-
행의 상태표시(rowStatus) 컬럼에 설정할 다국어 키 값
- rowStatusVisible
-
[default: false, true] 각 행의 상태(추가/수정/삭제)를 별도의 컬럼에 아이콘으로 표시
- rowStatusWidth
-
행 상태(rowStatus) 표시 컬럼의 너비
(관련 속성) rowStatusVisible = true 인 경우 유효함 - rupeeMask
-
[default: ""] dataType이 "rupee"인 경우나 changeCurrency() 함수를 사용하는 경우 화폐 표현식
(사용 예시) rupeeMask = "##,##,###.00" - scrollByColumn
-
[default: false, true] 가로 스크롤을 컬럼 단위로 이동
- scrollByColumnAdaptive
-
[default: false, true] 적응형웹(Adaptive) 상태일 때 가로 스크롤을 컬럼 단위로 이동
(관련 속성) adaptive - scrollFocus
-
[default: false, true] 마지막 행에서 탭키이동시 세로스크롤(Y) 영역으로 포커스를 이동할지 여부
(관련 속성) senseReader = "true" - scrollXNative
-
[default: false, true] 가로 스크롤을 브라우저에서 제공하는 기본 스크롤을 사용할지에 대한 여부
(옵션 설명) false (기본 값) : 가로 스크롤을 웹스퀘어에서 만든 가상 스크롤을 사용 (스크롤이 이동할 때 표의 가장 왼쪽의 컬럼 길이가 줄어듬) true : 가로 스크롤을 브라우저에서 제공하는 스크롤을 사용 (스크롤 이동 시 컬럼의 길이가 변하지 않음) (제약사항) fixedColumn과 함께 사용할 수 없음 (scrollXNative = true인 경우 fixedColumn의 설정을 무시함) - scrollXNativeMobile
-
[default: "", false, true] 가로 스크롤을 브라우저에서 제공하는 기본 스크롤을 사용할지에 대한 여부
모바일에서 실행될 때만 적용되는 속성으로 설정값이 없을 경우 scrollXNative 설정값을 따른다.(옵션 설명) "false" : 가로 스크롤을 웹스퀘어에서 만든 가상 스크롤을 사용 (스크롤이 이동할 때 표의 가장 왼쪽의 컬럼 길이가 줄어듬) "true" : 가로 스크롤을 브라우저에서 제공하는 스크롤을 사용 (스크롤 이동 시 컬럼의 길이가 변하지 않음)
(제약사항) fixedColumn과 함께 사용할 수 없음 (scrollXNative = true인 경우 fixedColumn의 설정을 무시함) - selectedCellColor
-
선택된 셀의 배경색
(관련 속성) focusMode = "cell" - selectedCellOverColor
-
선택된 셀이 있는 행에 마우스커서가 위치(마우스-오버)할 때 표시할 셀의 배경색
지정하지 않으면 rowMouseOverColor 값을 사용(관련 속성) focusMode = "cell" - selectedRowColor
-
선택된 행의 배경색
- selectedRowOverColor
-
선택된 셀이 있는 행에 마우스커서가 위치(마우스-오버)할 때 표시할 행의 배경색
지정하지 않으면 rowMouseOverColor 값을 사용 - senseReader
-
[default: false, true] 웹 접근성을 지원하기 위한 모드
(옵션 설명) "false" (기본 값) "true" : Tab 키로 모든 셀을 순회 가능
(주의 사항) inputType = "text", "select", "radio", "checkbox"인 경우 embeddedInput = "true"를 적용하여 셀 내부에 InputBox, SelectBox, Radio, CheckBox 컴포넌트가 그려지며 이를 리더기에서 인식할 수 있음
(관련 속성) 아래 속성과 함께 사용할 것을 권장 focusMode = "none" focusMove = "false" - setCellInputTypeCustom
-
[default: false, true] inputType이 "custom"인 경우 inputType을 동적으로 변경하기 위한 옵션 (typeGetter와 동시에 사용 불가 및 drilldown 미지원)
- showCustomFilterReset
-
사용자 필터를 초기화시킬 수 있는 버튼을 출력
(옵션 설명) "false" (기본 값): 초기화 버튼을 출력하지 않음 "true": 초기화 버튼을 출력 - showImageTooltip
-
[default: false, true] inputType이 "image"인 경우에도 툴팁을 표시 (이미지의 링크정보를 표시)
(옵션 설명) true : 툴팁을 표시 false (기본 값) : 툴팁을 표시하지 않음 (관련 속성) tooltipDisplay = true - showSortableImage
-
[default: false, true] 정렬 가능한 컬럼의 헤더에 정렬 이미지를 출력
- showSortableUseFilter
-
[default: false, true] useFilterList와 showSortableImage 를 동시에 사용할 때 정렬 아이콘과 사용자 정의 필터 아이콘 모두를 헤더에 표시
(옵션 설명) "true" : 사용자 정의 필터 아이콘과 정렬 아이콘 모두를 헤더에 표시 "false" (기본 값): 정렬 아이콘만 표시
(관련 속성) showSortableImage = "true" sortable = "true" useFilterList = "true" - sortable
-
[default: false, true] 헤더 클릭으로 데이터 정렬 지원 여부
- sortedIconPosition
-
[default: "right", "left"] 정렬 관련 이미지를 표시할 위치
(관련 속성) sortable="true" sortHeaderDiv="true"인 경우 무시되고 강제로 우측에 위치함 - sortEvent
-
[default: ondblclick, onclick] 정렬을 수행할 이벤트를 정의
(옵션 설명) "ondblclick" (기본 값) : 헤더 더블클릭으로 정렬 수행 "onclick" : 헤더 클릭으로 정렬 수행
(관련 속성) sortable="true" sortHeaderDiv="true"인 경우 sortEvent="onclick"로 강제로 설정 됨 (웹 접근성을 위해 강제로 변경) - sortHeaderDiv
-
[default: false, true] 헤더영역에 정렬 아이콘을 표시할지의 여부
(관련 속성) sortable="true" sortEvent : 강제로 "onclick"으로 동작함 sortedIconPosition : 강제로 "right"로 동작함 - sortOrderReverse
-
[default: false, true] 헤더 클릭을 통한 데이터 정렬 시 내림차순 정렬을 먼저 수행
- subtotalStyleFormatter
-
부분합의 값에 따른 스타일의 적용을 해주는 사용자 함수를 지정
(함수 설명) 매개변수 value, formattedValue, subtotalColumnId value : 원본 데이터 formattedValue : 형태가 적용된 데이터 subtotalColumnId : 부분합 컬럼명
(사용 예시) //부분합 값이 음수일 때는 파란색, 양수일 때는 빨간색으로 표헌하고자 하는 경우 // 먼저 다음과 같이 css를 등록 : .cm_subtotalplus{color:red;} .cm_subtotalminus{color:blue;} scwin.gridView1_subtotalStyleFormatter = function(value, formattedValue, subtotalColumnId) { if (subtotalColumnId !== "column28" && subtotalColumnId !== "column23") { return; } if (isNaN(value) || value === 0) { return; } if (value > 0) { return "cm_subtotalplus"; } else if (value < 0) { return "cm_subtotalminus"; } } - summary
-
HTML