CellLayoutColumnItem

컬럼 레이아웃 정보 모델

상세 설명

GridBase.getLayoutByColumn() 에서 해당 모델을 반환할 수 있다.

GridBase.setColumnLayout() 로 설정될 때에는 특정 속성만 사용 가능하다.

GridColumn.layout 의 속성으로 설정 가능하다.

CellLayoutItem 을 상속한다.

[상위 클래스]

CellLayoutItem

예제 코드

// 반환값일 경우
{
     mergeRule: undefined,
     breakMergeOnEmpty: false,
     equalBlank: undefined,
     equalBlankExpression: undefined,
     cellSpan: 1,
     headerSpan: undefined,
     summarySpan: undefined,
     footerSpan: undefined,
     dataSpan: undefined,
     spanCallback: undefined,
     visible: true,
     vindex: 1,
     width: 100,
     fillWidth: NaN,
     cellWidth: 250
}

// method 로 설정할 경우
{
     column: 'Country'
     cellSpan: 3,
     width: 100,
}

{
     column: 'Country'
     headerSpan: 2,
     summarySpan: 2,
     footerSpan: 2,
     dataSpan: 4,
}

// 컬럼에 설정할 경우
column.layout.spanCallback = function (grid, layout, itemIndex) {
    var value = grid.getValue(itemIndex, layout.column.name);
    if (value) {
        return value[0] === "B" ? 2 : value[0] === "F" ? 3 : 1;
    }

프로퍼티 정보

breakMergeOnEmpty


breakMergeOnEmpty: boolean

빈 셀일 때 머지 중단 여부

cellSpan


cellSpan: number

기본 셀 스팬 개수

상세 설명

다른 스팬이 지정이 되지 않을 때, 해당 값을 따른다.

GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.

column


column: string

컬럼명

상세 설명

GridBase.setColumnLayout() 로 설정될 때만 사용 가능하다.

GridBase.getLayoutByColumn()의 반환 형식에도 포함되지 않는다.

dataSpan


dataSpan: number

셀 스팬 개수

상세 설명

groupFooter가 하나인 경우 groupFooterSpan으로 지정한다. GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.

equalBlank


equalBlank: boolean

같은 컬럼의 이전 행의 셀과 값이 동일할때 셀의 묶음 여부

기본값

undefined

equalBlankExpression


equalBlankExpression: boolean

equalBlanktrue인 경우 같은 값으로 처리할 수식

기본값

undefined

footerSpans


footerSpans: number[]

푸터 스팬 개수

상세 설명

summary가 하나인 경우 summarySpan 으로 지정한다. GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.

footerUserSpans


footerUserSpans: UserSpan[]

사용자 지정 footer span

groupFooterSpans


groupFooterSpans: number[]

그룹 푸터 스팬 개수

상세 설명

footer가 하나인 경우 footerSpan으로 지정한다. GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.

groupFooterUserSpans


groupFooterUserSpans: UserSpan[]

사용자 지정 groupFooter span

headerSpan


headerSpan: number

헤더 스팬 개수

상세 설명

GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.

mergeRule


mergeRule: string

컬럼 머지할 때의 규칙

상세 설명

undefined 이면(기본값) 컬럼의 mergeRule 로 병합한다. null 이면 컬럼의 mergeRule 을 무시한다.

summarySpans


summarySpans: number[]

summary 스팬 개수

상세 설명

GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.

summaryUserSpans


summaryUserSpans: UserSpan[]

사용자 지정 headerSummary span

콜백 정보

footerSpanCallback


footerSpanCallback: SummaryCellSpanCallback

사용자 지정 footer 스팬을 위한 콜백

groupFooterSpanCallback


groupFooterSpanCallback: GroupFooterCellSpanCallback

사용자 지정 groupFooter 스팬을 위한 콜백

*

spanCallback


spanCallback: CellSpanCallback

사용자 지정 스팬을 위한 콜백

예제 코드

let layout = column.layout
layout.spanCallback = function (grid, layout, itemIndex) {
    var value = grid.getValue(itemIndex, layout.column.dataIndex);
    if (value) {
        return value[0] === "B" ? 3 : value[0] === "F" ? 2 : 1;
    }
    return 1;
};

summarySpanCallback


summarySpanCallback: SummaryCellSpanCallback

사용자 지정 headerSummary 스팬을 위한 콜백