그리드 설정

빈 값일 때 메시지(emptymessage)

QCELL 그리드에 데이터가 없을 경우, 비어 있는 상태임을 사용자에게 알리기 위해 특정 문구를 표시할 수 있습니다.
이를 위해 그리드 설정에서 "emptymessage" 키의 값으로 원하는 텍스트를 지정할 수 있습니다.

Emptymessage 설정 방법

1️⃣ 초기 그리드 설정

JS  

  id : "qcell",
  parentid : "sheetarea",
  emptymessage : '빈 데이터입니다.', // 빈 상태 메시지 설정
  useemptymessage : true, // false로 설정하면 emptymessage 옵션이 꺼집니다.
  columns : [
  {key: 'province', width: '5%', title: ['시도'], type: "input"}
  ...
  
  ],
  rowheader : "sequence",
  data : {"input":sampleData}
 

✔️ useemptymessage 옵션을 통해 emptymessage의 기능 사용 여부를 설정할 수 있습니다.

2️⃣ 스타일 적용

CSS  

 .rt-qc-emptymessage  {
      color: gray;
      font-style: italic;
      text-align: center;
  }
  

✔️ emptymessage에 적용된 스타일 클래스(rt-qc-emptymessasge)를 활용하여 이미지나 문구에 스타일을 적용할 수 있습니다.

3️⃣ API로 기능 사용 여부 설정

JS  

  qcell.setUseEmptyMessage (true);  // emptymessage 기능 활성화
  qcell.getUseEmptyMessage ();      // 현재 emptymessage 설정 확인 (true/false 반환)
  

✔️ emptymessage 기능 활성화 시 setUseEmptyMessage(true)
✔️ emptymessage 기능 비활성화 시 setUseEmptyMessage(false) => 그리드가 비어있는 상태이지만, 아무런 메시지가 보이지 않음

---