CellLayoutGroupHeader
CellLayoutGroupItem.header Setting information model
[parent class] [CellLayoutHeader](/refs/Interface/CellLayoutHe ader )
Signature:
export interface CellLayoutGroupHeader extends CellLayoutHeader Extends: CellLayoutHeader
Properties
| Property | Type | Description |
|---|---|---|
| edgeMark | EdgeMark | edgeMark display status |
| template | string | HTML template to be applied to and displayed in header |
| templateCallback | RealizeHeaderCallback | Used to replace and display a specific string in the template |
| templateEvents | HeaderTemplateEvent | HeaderTemplateEvent[] | Add events to the generated elements. See the description of TemplateCellRenderer |
| tooltip | string | Specifies the string to be displayed in the tooltip. |
| values | { [key: string]: string; } | Used to replace and display a specific string in the template |
Properties Desc
edgeMark
EdgeMark display status
Type - EdgeMark
Remarks:
Used to highlight the header. See EdgeMark
template
HTML template to be applied to the header and displayed
Type - string
Remarks:
Used when displaying html rather than text in the header.
Example:
var layouts = [
{ type: "group"
header: {
template : "<span class='test-style' style='color:red'>HTML display ${key}</span>"
}
}
]templateCallback
Used to replace and display a specific string in the template
Type - RealizeHeaderCallback
Remarks:
Called if the string is not in values.
templateEvents
생성된 요소에 이벤트를 추가한다.
TemplateCellRenderer 의 설명을 참고
Type - HeaderTemplateEvent | HeaderTemplateEvent[]
tooltip
Specifies the string to be displayed in the tooltip.
Type - string
Remarks:
If not specified, text is displayed.
values
Used to replace and display a specific string in the template
Type - { [key: string]: string; }
Remarks:
Used to change a string surrounded by ${} to a specific string. See CellLayoutGroupHeader.template