셀(Cell) 기능

체크박스 옵션

체크박스를 지원하는 방법 중에는 로우 헤더에 넣거나 컬럼의 타입으로 넣는 방법이 있습니다.
데이터 바인딩을 통해 값을 설정하고 서버에 전송하는 등의 로직을 개발할 때 컬럼 타입으로 체크박스를 지원하는 것이 편리합니다.
헤더 영역의 체크박스는 모든 로우를 선택하거나 해제하는 기능을 제공하며, 데이터 영역의 체크박스는 각 로우의 체크 여부 값을 갖습니다.

□ 헤더 영역은 별도의 영역이므로 체크박스를 사용하려면 column 선언 시 속성을 추가하여 상단 체크박스를 사용한다고 선언해야 합니다.

Step 1: 체크박스 check 옵션

wholeselect" header 영역에 전체 체크박스 사용 여부를 설정합니다.

컬럼 정의 내 options: {wholeselect: true 여부 } 정의하지 않으면 기본적으로 체크박스 컬럼에 대한 헤더 체크박스가 생성되지 않습니다.


getCheckedRows(col) QCELL의 특정 열의 타입이 "checkbox" 일 때, 선택된 행 인덱스들을 배열로 반환합니다.

  • QCell1.getCheckedRows(1);

setHeaderChecked(col, state) 체크박스 컬럼의 헤더에 속성이 전체 체크를 제공하고 있을 경우 API를 통해 전체 선택과 해제를 동작 시킬 수 있습니다.

  • QCell1.setHeaderChecked(1, true);

getHeaderCheckedState(col) 전체 선택 체크박스가 존재 할 경우, 해당 컬럼의 전체 선택 체크박스의 상태 값을 반환하는 API 입니다.

  • QCell1.getHeaderCheckedState(1);