DisplayOptions

그리드 수준에서 관리되는 표시 정보들에 대한 설정 모델

상세 설명

그리드 에서 옵션으로 설정할 때는 필요한 정보만 넣으면 된다.

예제 코드

grid.setDisplayOptions({rowResizable: true});

프로퍼티 정보

autoClearHeights


autoClearHeights: boolean

rowHeight 속성이 변경될 때 개별 아이템마다 설정된 높이를 삭제할 지 여부

기본값

true

baseZindex


baseZindex: number

editor / editorButton 의 zIndex를 설정한다.

기본값

2000

columnMovable


columnMovable: boolean

컬럼 위치 변경 가능 여부

상세 설명

헤더 셀을 드래그하여 변경 가능

기본값

true

columnResizable


columnResizable: boolean

컬럼 너비 변경 가능 여부

상세 설명

헤더 셀 우측을 드래그하여 변경 가능

기본값

true

defaultColumnWidth


defaultColumnWidth: number

컬럼 너비의 기본값

기본값

120

eachRowResizable


eachRowResizable: boolean

각 행 높이 조절 가능 여부

상세 설명

셀 아래쪽을 드래그하면 조정 할 수 있다.

기본값

false

editItemMerging


editItemMerging: boolean

Merged Row Grouping 또는 Cell Merging상태에서 셀 편집시 편집 중인 행의 분리 여부.

기본값

false

emptyMessage


emptyMessage: string

그리드에 표시되는 데이터 행이 한 건도 없을 때 표시되는 메세지

기본값

'이 곳에 표시할 메시지를 DisplayOptions.emptyMessage 속성으로 설정합니다.'

fitStyle


fitStyle: GridFitStyle

그리드의 너비에 맞춰 컬럼 너비를 조정하는지에 대한 양식

focusType


focusType: FocusType

focus의 형태

기본값

layer

focusVisible


focusVisible: boolean

focus의 보임 여부

기본값

true

hintDelay


hintDelay: number

툴팁 지연 시간

기본값

0 (ms)

horzPageScroll


horzPageScroll: boolean

키보드로 컬럼 이동시 page단위 스크롤

기본값

false

hscrollBar


hscrollBar: boolean

수평 스크롤 바 표시 여부

기본값

true

hscrollDuration


hscrollDuration: number

수평 스크롤 지연 시간

기본값

0 (ms)

liveScroll


liveScroll: boolean

스크롤 중 수직 스크롤 바 표시 여부

기본값

true

maxRowHeight


maxRowHeight: number

행 최대 높이

기본값

0

minCellWidth


minCellWidth: number

셀 최소 너비

기본값

8

minRowHeight


minRowHeight: number

행 최소 높이

기본값

23

minTableRowHeight


minTableRowHeight: number

Table 행 최소 높이

기본값

23

popupDropdownCount


popupDropdownCount: number

팝업이나 컨텍스트 메뉴에 한 화면에 표시되는 목록들의 개수

기본값

true

refreshMode


refreshMode: RefreshMode

그리드를 다시 그릴 때의 모드

기본값

RefreshMode.ALL

remergeWhenColumnMoved


remergeWhenColumnMoved: boolean

컬럼 위치가 변경됐을 때 병합을 다시 시도할 지 여부.

기본값

true

rightClickable


rightClickable: boolean

마우스 오른쪽 버튼 사용 가능 여부

기본값

true

rowBlockType


rowBlockType: RowMaskType

행 선택 시 마스크 종류

상세 설명

행 및 셀 선택시 행 선택 영역 표시를 보여준다.

rowChangeDelay


rowChangeDelay: number

데이터 행 위치 변경의 지연 시간

상세 설명

onCurrentRowChanged 를 지연시킨다.

기본값

0 (ms)

rowFocusType


rowFocusType: RowMaskType

focus 된 행의 마스크 종류

rowHeight


rowHeight: number

행 높이

상세 설명

0 이면 그리드의 폰트와 Padding 스타일을 고려해서 적절한 값으로 행들의 높이를 찾는다. 0 보다 큰 값이면 지정한 값이 행들의 높이가 된다.

기본값

0

rowHoverType


rowHoverType: RowMaskType

행 hover 시 마스크 종류

상세 설명

hovering 시 행 선택 영역 표시를 보여준다.

rowMovable


rowMovable: boolean

행의 이동 가능 여부

상세 설명

EditOptions.movabletrue 일 때, alt 키와 함께 드래그하여 이동시킬 수 있다.

기본값

false

rowResizable


rowResizable: boolean

전체적인 행 높이 조절 가능 여부

상세 설명

첫 번째 컬럼의 셀 아래쪽이나 첫 번째 행의 인디케이터의 아래 쪽을 드래그하면 조정 할 수 있다.

기본값

false

scrollDuration


scrollDuration: number

수직 스크롤 지연 시간

기본값

0 (ms)

selectionDisplay


selectionDisplay: SelectionDisplay

선택 영역의 디스플레이

selectionMode


selectionMode: SelectionMode

선택 영역의 모드

기본값

SelectionMode.SINGLE

selectionStyle


selectionStyle: SelectionStyle

선택 영역의 스타일

상세 설명

자세한 설명은 SelectionStyle 참조

showChangeMarker


showChangeMarker: boolean

마커 변경을 보여줄지에 대한 여부

기본값

true

showEmptyMessage


showEmptyMessage: boolean

그리드에 표시되는 데이터 행이 한 건도 없을 때 메시지 표시 여부

기본값

false

showEmptyTooltip


showEmptyTooltip: boolean

데이터와 무관하게 툴팁을 보여줄 건지에 대한 여부

상세 설명

trueonShowTooltip() 발생

기본값

false

showInnerFocus


showInnerFocus: boolean

Merged Cell에서 개별 셀 영역 표시 여부

기본값

true

showNativeEditButton


showNativeEditButton: boolean

Native 드랍다운 편집기(date, list)일 때 셀 우측에 edit button을 표시할 것인 지 여부.

기본값

false

toastZIndex


toastZIndex: number

표시되는 Toast 창의 zIndex 지정

기본값

3000

useAlternateRowStyle


useAlternateRowStyle: boolean

짝수행의 className에 "rg-alternate-row" 추가를 설정한다.

기본값

true

vscrollBar


vscrollBar: boolean

수직 스크롤 바 표시 여부

기본값

true

wheelAccelDelay


wheelAccelDelay: number

수직 스크롤 시 가속을 위한 최소 시간

상세 설명

wheelAccelScroll 과 함께 사용한다.

기본값

0

wheelAccelScroll


wheelAccelScroll: number | string

wheelAccelDelay 만큼이 지연 되었을 경우, 해당 속성 만큼 스크롤을 가속한다.

상세 설명

숫자 - 아이템 개수

문자열 - 백분율 ex) '50%'

기본값

null

wheelEnabled


wheelEnabled: boolean

휠 가능 여부

기본값

true

wheelEventPropagate


wheelEventPropagate: boolean

그리드 내 발생한 휠 이벤트 외부 방출 여부

기본값

true

wheelScrollHorz


wheelScrollHorz: number

휠로 수평 스크롤 했을 때 위치 이동 변동 값 (속도)

기본값

16

wheelScrollLines


wheelScrollLines: number

한 번에 스크롤 되는 행 갯수

기본값

3

콜백 정보

rowBlockCallback


rowBlockCallback: RowBlockCallback

사용자 지정 rowBlockType 을 설정하기 위한 콜백

기본 값

null

예제 코드

const f = function(grid, itemIndex) {
    let billNo;
    let ds = grid.getDataSource();
    let fld = ds.getFieldIndex("text1");
    let dataRow = grid.getDataRow(itemIndex);
    if (dataRow >= 0) {
        billNo = ds.getValue(dataRow, fld);
    } else {
        billNo = null;
    }

    let top = Math.min(grid.getTopItem(), itemIndex);
    let full = top + grid.fullItemCount();
    let startNo = top + full;
    let endNo = -1;
    let check1 = false;

    for (let i = top; i <= full; i++) {
        dataRow = grid.getDataRow(i);
        if (dataRow < 0) {
            continue;
        }

        let cBillNo = ds.getValue(dataRow, fld);

        if (cBillNo === billNo) {
            startNo = Math.min(startNo, i), endNo = Math.max(endNo, i);
            check1 = true;
        } else {
            if (check1) {
                break;
            }
        }
    };

    if (startNo <= endNo && endNo > 0) {
        console.log(startNo)
        console.log(endNo);
        return { start: startNo, end: endNo };
    }
}

grid.setDisplayOptions = {
     rowBlockType: 'row,
     rowBlockCallback: f
}

scrollMessageCallback


scrollMessageCallback: ScrollMessageCallback

liveScrollfalse일 때 스크롤 위치를 알려주는 view에 표시되는 메세지를 반환하는 콜백

상세 설명

ScrollMessageCallback 의 형식이다.

예제 코드

gridView.displayOptions.scrollMessageCallback = function(grid, vertical, itemIndex) {
    var msg = grid.getValue(itemIndex, "area3name");
    return "<span style='color:blue;font-size:20px'>itemIndex = " + msg+"</span>";
}