MultiCheckCellEditor 설정하기 (Only JS Support)

MultiCheckCellEditor를 사용하기 위해서는 Editor의 type을 "multiCheck"로 지정하여 사용합니다.

기본적인 기능은 dropDown과 같으며 추가된 속성으로는 acceptText, canceltext, showButtons가 있습니다. acceptText, cancelText에는 MultiCheckCellEditor에서 표시되는 DropDownList의 accept, cancel 버튼에 표시될 텍스트를 지정 합니다. showButtons는 accept, cancel 버튼의 표시 여부를 지정 합니다.

values, labels는 array 타입의 문자열 데이터를 지정 합니다. 각 value를 구분하기 위한 구분자 지정은 editor의 속성이 아닌 column.valueSeperator에서 지정하며 기본값은 ‘,’ 입니다.

1.1.24버전에서 전체선택 기능이 추가되었으며 Ctrl + a 키 입력 시 전체가 선택됩니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var columns = [{
    ...
    "valueSeparator": ",",
    "editor" : {
        "type": "multicheck",
        "showAllCheck":true,
        "allCheckText":"전체선택",
        "dropDownCount": 4,
        "acceptText": "확인",
        "cancelText": "취소",
        "showButtons": true
    },
    "values": ['KR', 'US', ...],
    "labels": ['대한민국', '미국', ...], 
    ...
}]

CSS Styles

Multi Check Cell Editor에도 CSS Style을 적용할 수 있습니다.
자세한 내용은 CSS Styles 페이지에서 확인하세요.