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