CellLayoutGroupHeader
CellLayoutGroupItem.header의 설정 정보 모델
[상위 클래스] CellLayoutHeader
Signature:
export interface CellLayoutGroupHeader extends CellLayoutHeader Extends: CellLayoutHeader
Properties
| Property | Type | Description |
|---|---|---|
| edgeMark | EdgeMark | edgeMark 표시여부 |
| template | string | header에 적용되어 표시될 html 템플릿 |
| templateCallback | RealizeHeaderCallback | template에 특정 문자열을 교체해서 표시할때 사용 |
| templateEvents | HeaderTemplateEvent | HeaderTemplateEvent[] | 생성된 요소에 이벤트를 추가한다. TemplateCellRenderer 의 설명을 참고 |
| tooltip | string | 툴팁에 표시될 문자열을 지정. |
| values | { [key: string]: string; } | template에 특정 문자열을 교체해서 표시할때 사용 |
Properties Desc
edgeMark
edgeMark 표시여부
Type - EdgeMark
Remarks:
Header에 강조 표시를 할때 사용한다. EdgeMark 참조
template
header에 적용되어 표시될 html 템플릿
Type - string
Remarks:
header에 text가 아닌 html을 표시할때 사용한다.
Example:
var layouts = [
{ type: "group"
header: {
template : "<span class='test-style' style='color:red'>HTML 표시 ${key}</span>"
}
}
]templateCallback
template에 특정 문자열을 교체해서 표시할때 사용
Type - RealizeHeaderCallback
Remarks:
values에 없는 문자열인 경우 호출된다.
templateEvents
생성된 요소에 이벤트를 추가한다.
TemplateCellRenderer 의 설명을 참고
Type - HeaderTemplateEvent | HeaderTemplateEvent[]
tooltip
툴팁에 표시될 문자열을 지정.
Type - string
Remarks:
지정하지 않으면 text가 표시된다.
values
template에 특정 문자열을 교체해서 표시할때 사용
Type - { [key: string]: string; }
Remarks:
${}로 둘러싼 문자열을 특정 문자열로 변경할때 사용한다. CellLayoutGroupHeader.template 참조