GridColumn

컬럼 정보 모델

Signature:

export interface GridColumn 

Remarks

실질적으로 GridColumn의 자손 클래스인 DataColumn 또는 SeriesColumn 이 사용된다.

[하위 클래스]

ValueColumn

• DataColumn

• SeriesColumn

Properties

Methods

Properties Desc

checked

체크 여부

Type - boolean

Remarks:

column.header.checkLocation이 none이 아닌경우 체크상태가 화면에 표시된다.

displayIndex

컬럼이 속한 컬럼그룹내에서 컬럼의 표시 순서를 나타낸다.

Type - number

Remarks:

읽기만 가능한 값이다.

displayText

컬럼이 속한 컬럼그룹내에서 컬럼의 표시 텍스트

Type - string

Remarks:

읽기만 가능한 값이다.

displayWidth

컬럼이 속한 컬럼그룹내에서 컬럼의 표시 너비

Type - number

Remarks:

읽기만 가능한 값이다.

fillWidth

컬럼 그룹 내 너비

Type - number

Remarks:

비율로 지정된다.

footer

컬럼 푸터 (여러 개 있을 경우 첫 번째 아이템)

Type - ColumnFooter

footers

컬럼 푸터 컬렉션 오브젝트

Type - ColumnFooterCollection

groupFooter

그룹 푸터 (여러 개일 경우 첫번째 아이템)

Type - ColumnSummary

groupFooters

그룹 푸터 컬렉션 오브젝트.

Type - ColumnFooterCollection

header

컬럼 헤더

Type - ColumnHeader

headerSummaries

헤더 Summary 컬렉션 오브젝트.

Type - ColumnHeaderSummaryCollection

headerSummary

헤더 Summary (여러 개일 경우 첫 번째 아이템)

Type - ColumnHeaderSummary

indeterminate

indeterminate 상태여부

Type - boolean

index

순서

Type - number

layout

레이아웃 아이템 객체

Type - CellLayoutColumnItem

Remarks:

속성으로 접근하여 설정할 수 있다.

Example:

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;
    }
};

movable

컬럼 이동 가능 여부

Type - boolean

name

컬럼 이름

Type - string

resizable

컬럼 너비 조절 가능 여부

Type - boolean

visible

컬럼 표시 여부

Type - boolean

Remarks:

false 이면 연결된 layout의 visible이 true 여도 표시되지 않는다. 즉, layout과 컬럼의 visible이 모두 true 여야 한다.

width

컬럼 너비

Type - number

Methods Desc

getFooter

컬럼 푸터를 가져온다.

[매개변수 목록]

index - number

순번

[반환값] - ColumnFooter

getHeaderSummary

컬럼 headerSummary를 가져온다.

[매개변수 목록]

index - number

순번

[반환값] - ColumnHeaderSummary

setFooters

컬럼 푸터 설정

[매개변수 목록]

footers - any[]

푸터 설정정보 배열

[반환값] - void

Remarks:

footer가 여러줄인경우 스타일과 expression등을 설정한다.

Example:

gridView.setFooters([{styleName:"footer-style1"}, {styleName:"footer-style2"}]);
gridView.columnByName("column").setFooters([
     {styleName:"footer-cell-style1", expression: "sum"},
     {styleName:"footer-cell-style2", expression: "max"}
]);

setGroupFooters

컬럼 groupFooter 설정

[매개변수 목록]

footers - ColumnSummary[]

footer 설정정보 배열

[반환값] - void

Remarks:

groupFooter가 여러줄인 경우 스타일과 expression등을 설정한다.

Example:

gridView.rowGroup.setFooters([{styleName:"footer-style1"}, {styleName:"footer-style2"}]);
gridView.columnByName("column").setGroupFooters([
     {styleName:"footer-cell-style1", expression: "sum"},
     {styleName:"footer-cell-style2", expression: "max"}
]);

setHeaderSummaries

컬럼 HeaderSummary 설정

[매개변수 목록]

summaries - any[]

headerSummary 설정정보 배열

[반환값] - void

Remarks:

headerSummary가 여러줄인 경우 스타일과 expression등을 설정한다.

Example:

gridView.setHeaderSummaries([{styleName:"summary-style1"}, {styleName:"summary-style2"}]);
gridView.columnByName("column").setHeaderSummaries([
     {styleName:"summary-cell-style1", expression: "sum"},
     {styleName:"summary-cell-style2", expression: "max"}
]);