RealGrid2 API
Interface
MultiCheckCellRenderer

MultiCheckCellRenderer

하나 또는 하나 이상의 값을 선택하는 렌더러

Signature:

export interface MultiCheckCellRenderer extends CellRenderer 

Extends: CellRenderer

Remarks

values 또는 DataColumn.values 에 지정된 값들중 하나 또는 여러개를 선택한다.

[상위 클래스]

CellRenderer

Example

// string type
column.renderer = 'multicheck';
 
// object type
column.renderer = {
     "type": "multicheck",
     "values": ["Apple","Pear","Grape"],
     "labels": ["사과","배","포도"],
     "multiSelect": true
}

Events

PropertyTypeDescription
disabledCallbackMultiCheckDisabledCallback비활성화 여부를 결정하는 콜백
keyToValueCallbackMultiCheckKeydownCallbackkeydown시 선택 또는 해제할 값을 가져오는 콜백

Properties

PropertyTypeDescription
directionLayoutDirection목록을 수평 또는 수직으로 배치한다.
gapnumberitem간의 간격
itemDirectionLayoutDirection선택상자와 label을 수평 또는 수직으로 배치한다.
itemGapnumberinput요소와 label요소의 간격
itemReverseboolean선택상자와 label의 순서를 변경한다.
labelsstring[]목록의 표시 값들
multiSelectboolean다중선택 여부
type"multicheck"종류: 다중 선택
useCtrlNumberbooleanCtrl + 넘버가 입력되었을때 선택여부
useImagesboolean선택상자를 image를 이용해서 표시한다.
valuesstring[]목록의 실제 값들
wrapboolean아이템의 전체 너비가 셀의 너비보다 큰 경우 줄바꿈 여부

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