MultiCheckCellRenderer
하나 또는 하나 이상의 값을 선택하는 렌더러
Signature:
export interface MultiCheckCellRenderer extends CellRenderer Extends: CellRenderer
Remarks
values 또는 DataColumn.values 에 지정된 값들중 하나 또는 여러개를 선택한다.
[상위 클래스]
Example
// string type
column.renderer = 'multicheck';
// object type
column.renderer = {
"type": "multicheck",
"values": ["Apple","Pear","Grape"],
"labels": ["사과","배","포도"],
"multiSelect": true
}Events
| Property | Type | Description |
|---|---|---|
| disabledCallback | MultiCheckDisabledCallback | 비활성화 여부를 결정하는 콜백 |
| keyToValueCallback | MultiCheckKeydownCallback | keydown시 선택 또는 해제할 값을 가져오는 콜백 |
Properties
| Property | Type | Description |
|---|---|---|
| direction | LayoutDirection | 목록을 수평 또는 수직으로 배치한다. |
| gap | number | item간의 간격 |
| itemDirection | LayoutDirection | 선택상자와 label을 수평 또는 수직으로 배치한다. |
| itemGap | number | input요소와 label요소의 간격 |
| itemReverse | boolean | 선택상자와 label의 순서를 변경한다. |
| labels | string[] | 목록의 표시 값들 |
| multiSelect | boolean | 다중선택 여부 |
| type | "multicheck" | 종류: 다중 선택 |
| useCtrlNumber | boolean | Ctrl + 넘버가 입력되었을때 선택여부 |
| useImages | boolean | 선택상자를 image를 이용해서 표시한다. |
| values | string[] | 목록의 실제 값들 |
| wrap | boolean | 아이템의 전체 너비가 셀의 너비보다 큰 경우 줄바꿈 여부 |
Events Desc
disabledCallback
비활성화 여부를 결정하는 콜백
Type - MultiCheckDisabledCallback
Remarks:
콜백에서 true를 return 하면 disabled상태가 된다.
keyToValueCallback
keydown시 선택 또는 해제할 값을 가져오는 콜백
Type - MultiCheckKeydownCallback
Properties Desc
direction
목록을 수평 또는 수직으로 배치한다.
Type - LayoutDirection
gap
item간의 간격
Type - number
itemDirection
선택상자와 label을 수평 또는 수직으로 배치한다.
Type - LayoutDirection
itemGap
input요소와 label요소의 간격
Type - number
itemReverse
선택상자와 label의 순서를 변경한다.
Type - boolean
labels
목록의 표시 값들
Type - string[]
multiSelect
다중선택 여부
Type - boolean
type
종류: 다중 선택
Type - "multicheck"
useCtrlNumber
Ctrl + 넘버가 입력되었을때 선택여부
Type - boolean
Remarks:
단축키를 변경하는 경우 MultiCheckCellRenderer.keyToValueCallback을 사용한다.
useImages
선택상자를 image를 이용해서 표시한다.
Type - boolean
values
목록의 실제 값들
Type - string[]
wrap
아이템의 전체 너비가 셀의 너비보다 큰 경우 줄바꿈 여부
Type - boolean