최초 시트 생성 시 data 인자가 비어있거나, 조회 함수를 이용한 조회 시 데이터가 비어있을 때,

NoData 행이 생성되며 ['조회된 데이터가 없습니다.'] 라는 문구가 출력됩니다.



//시트 생성 시 빈 데이터로 생성
IBSheet.create({
    id: "sheet",
    el: "sheetDiv",
    options: opt,
    data: []
});

//시트 조회 시 빈 데이터로 조회
sheet.loadSearchData();


▼ NoDataRow 가 생성됨


(Cfg) NoDataMessage 속성에 따라 NoData 행에 메시지 표시 여부를 설정할 수 있습니다.

기본적으로 조회 시에만 표시되며(defalut) NoDataMessage: 3 설정 시 시트 생성 및 조회 시에 메시지가 표시됩니다.



1. 시스템 전체에서 NoData 문구 수정하기


해당 문구는 locale/ko.jsLang.Text.NoSearchData 값이 표시되며, 아이콘은 css/default/main.css.IBNoDataIcon 값이 표시됩니다.

var IBSMSG = IBSMSG || {};

IBSMSG.Ko = {
  "Lang": {
    "Text": {
       .....     
      "NoSearchData": "조회된 데이터가 없습니다.",

       .....     

전체적으로 문구 수정을 하시려면 ko.js 에서 수정하실 수 있습니다.



2. 특정 화면에서만 NoData 문구 수정하기(개별 화면마다 NoData 문구 다르게 하기)


locale 폴더 안에 있는 메시지 파일은 getMessage / setMessage 로 접근 및 설정이 가능합니다.


// msg 파일의 Text밑에 있는 NoSearchData메시지 내용을 가져옵니다.
sheet.getMessage("NoSearchData", "Text");

// 시트에 메시지를 설정합니다.
sheet.setMessage("NoSearchData", "Text", "변경하려는 문구");
sheet.loadSearchData(); // 재조회

▼ 개별 화면에서의 메시지 추출 및 메시지 수정


시트 생성 전 변경하시려면  onDataLoad 이벤트에서 적용 해주시면 됩니다.

(만약 메소드로 적용하신다면, 재조회하여 문구를 적용해야 합니다.)




3. NoData 문구 가운데에 위치 시키기 


(Cfg) NoDataMiddle 설정 시 조회된 데이터가 없는 경우 메시지를 화면 가운데에 표시합니다.


NoDataMiddle: 1 설정



NoDataMiddle: 0(defalut) 설정