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 | TemplateEvent | TemplateEvent[] | 생성된 요소에 이벤트를 추가한다. 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
- TemplateEvent | TemplateEvent[]
tooltip
툴팁에 표시될 문자열을 지정.
Type
- string
Remarks:
지정하지 않으면 text가 표시된다.
values
template에 특정 문자열을 교체해서 표시할때 사용
Type
- { [key: string]: string; }
Remarks:
${}
로 둘러싼 문자열을 특정 문자열로 변경할때 사용한다. CellLayoutGroupHeader.template 참조