GridColumn
컬럼 정보 모델
Signature:
export interface GridColumn
Remarks
실질적으로 GridColumn의 자손 클래스인 DataColumn 또는 SeriesColumn 이 사용된다.
[하위 클래스]
Properties
Property | Modifiers | Type | Description |
---|---|---|---|
checked | boolean | 체크 여부 | |
displayIndex | readonly | number | 컬럼이 속한 컬럼그룹내에서 컬럼의 표시 순서를 나타낸다. |
displayText | readonly | string | 컬럼이 속한 컬럼그룹내에서 컬럼의 표시 텍스트 |
displayWidth | readonly | number | 컬럼이 속한 컬럼그룹내에서 컬럼의 표시 너비 |
fillWidth | number | 컬럼 그룹 내 너비 | |
footer | ColumnFooter | 컬럼 푸터 (여러 개 있을 경우 첫 번째 아이템) | |
footers | ColumnFooterCollection | 컬럼 푸터 컬렉션 오브젝트 | |
groupFooter | ColumnSummary | 그룹 푸터 (여러 개일 경우 첫번째 아이템) | |
groupFooters | ColumnFooterCollection | 그룹 푸터 컬렉션 오브젝트. | |
header | ColumnHeader | 컬럼 헤더 | |
headerSummaries | ColumnHeaderSummaryCollection | 헤더 Summary 컬렉션 오브젝트. | |
headerSummary | ColumnHeaderSummary | 헤더 Summary (여러 개일 경우 첫 번째 아이템) | |
index | readonly | number | 순서 |
layout | CellLayoutColumnItem | 레이아웃 아이템 객체 | |
movable | boolean | 컬럼 이동 가능 여부 | |
name | string | 컬럼 이름 | |
resizable | boolean | 컬럼 너비 조절 가능 여부 | |
visible | boolean | 컬럼 표시 여부 | |
width | number | 컬럼 너비 |
Methods
Method | Description |
---|---|
getFooter(index) | 컬럼 푸터를 가져온다. |
getHeaderSummary(index) | 컬럼 headerSummary를 가져온다. |
setFooters(footers) | 컬럼 푸터 설정 |
setGroupFooters(footers) | 컬럼 groupFooter 설정 |
setHeaderSummaries(summaries) | 컬럼 HeaderSummary 설정 |
Properties Desc
checked
체크 여부
Remarks:
column.header.checkLocation이 none
이 아닌경우 체크상태가 화면에 표시된다.
displayIndex
컬럼이 속한 컬럼그룹내에서 컬럼의 표시 순서를 나타낸다.
Remarks:
읽기만 가능한 값이다.
displayText
컬럼이 속한 컬럼그룹내에서 컬럼의 표시 텍스트
Remarks:
읽기만 가능한 값이다.
displayWidth
컬럼이 속한 컬럼그룹내에서 컬럼의 표시 너비
Remarks:
읽기만 가능한 값이다.
fillWidth
컬럼 그룹 내 너비
Remarks:
비율로 지정된다.
footer
컬럼 푸터 (여러 개 있을 경우 첫 번째 아이템)
footers
컬럼 푸터 컬렉션 오브젝트
groupFooter
그룹 푸터 (여러 개일 경우 첫번째 아이템)
groupFooters
그룹 푸터 컬렉션 오브젝트.
header
컬럼 헤더
headerSummaries
헤더 Summary 컬렉션 오브젝트.
headerSummary
헤더 Summary (여러 개일 경우 첫 번째 아이템)
index
순서
layout
레이아웃 아이템 객체
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
컬럼 이동 가능 여부
name
컬럼 이름
resizable
컬럼 너비 조절 가능 여부
visible
컬럼 표시 여부
Remarks:
false
이면 연결된 layout의 visible이 true
여도 표시되지 않는다. 즉, layout과 컬럼의 visible이 모두 true
여야 한다.
width
컬럼 너비
Methods Desc
getFooter
컬럼 푸터를 가져온다.
getHeaderSummary
컬럼 headerSummary를 가져온다.
setFooters
컬럼 푸터 설정
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 설정
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 설정
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"}
]);