그리드의 행(셀)을 클릭하면 엑스트라 체크박스의 선택/해제하도록 작성한 데모입니다.
데모 상에서 Product 가 Galaxy S25 Ultra 인 경우는 선택/해제 불가로 설정하였습니다.
// 셀클릭 이벤트 바인딩
AUIGrid.bind(myGridID, "cellClick", function(event) {
const item = event.item;
// 제품이 Galaxy S25 Ultra 인 경우 체크박스 disabeld 처리됨.
if (item.product === "Galaxy S25 Ultra") {
return;
}
const rowIdField = AUIGrid.getProp(event.pid, "rowIdField"); // rowIdField 얻기
const rowId = item[rowIdField];
// 이미 체크 선택되었는지 검사
if (AUIGrid.isCheckedRowById(event.pid, rowId)) {
// 엑스트라 체크박스 체크해제 추가
AUIGrid.addUncheckedRowsByIds(event.pid, rowId);
} else {
// 엑스트라 체크박스 체크 추가
AUIGrid.addCheckedRowsByIds(event.pid, rowId);
}
});