안녕하세요 그레이프시티입니다.
그리드에 바인딩 할 데이터를 이용하여 특정 행의 셀에 체크 박스를 생성하기 위해서는, 해당 행에 바인딩 되는 데이터의 타입이 Boolean 이여야 합니다.
데이터의 타입이 String 이라면, 해당 행의 셀에는 데이터가 텍스트로 표시됩니다.
문의 주신 내용 중 다른 JS 파일에서 API 호출 시 해당 컬럼의 값이 존재하지 않는다면 다른 컬럼의 값들까지 텍스트로 표현된다는 말씀은, 아래와 같이 이해 하면 될까요?
- 데이터를 불러오는 data.js 파일과 해당 파일을 이용하여 그리드를 생성하는 grid.js 파일이 따로 존재합니다.
- grid.js 파일에서 생성된 그리드의 특정 행에 바인딩 될 데이터가 data.js 파일에서 불러온 데이터에 존재하지 않는다면, 다른 행의 데이터가 텍스트로 표현됩니다.
만일 맞으시다면, grid.js 파일에서 아래의 코드를 작성하여 그리드에 바인딩 할 데이터의 타입을 확인해 보시기 바랍니다.
var data = getData(); // 불러온 DB 를 변수에 저장
data.forEach((item)=>{ // 변수에 저장된 DB의 특정 속성들의 데이터 타입 확인
console.log(typeof item.rawData,typeof item.standardPurchase,typeof item.reportReissue,typeof item.reportKR,typeof reportEN);
})
위의 코드를 통해 확인된 데이터 타입이 String 일 경우, Boolean 으로 변경하여 그리드의 행에 바인딩 해 보시기 바랍니다.
만일 확인된 데이터 타입이 Boolean 이며 그리드에서 해당 데이터가 텍스트로 표시되는 경우, 아래에 간단한 샘플을 전달해 드리오니 문제가 발생하는 영역의 코드와 비교해 보신 후 저희 쪽으로 재현 가능한 간단한 샘플 공유 부탁 드립니다.
공유해주신 샘플을 바탕으로 재현 및 디버깅 후, 답변 드릴 수 있도록 하겠습니다.
정확한 답변을 드리기 위해 요청 드리며 확인 후, 회신하여 주시기 바랍니다.
감사합니다.
그레이프시티 드림