(Cfg)InfoRowConfig 속성을 통해 조회 된 데이터 개수나 페이지네이션을 시트의 상단이나 하단에 표시할 수 있습니다.

 


const OPT = {
  "Cfg": {
    "InfoRowConfig": {
       "Space": "Top",                           // InfoRow 위치 (Top or Bottom)
       "Visible": 1,                                // 보임 여부
       "Layout": ["Paging", "Count"],   // 표시할 내용 (Paging, Count, SummaryLabel 등)
        "Format": "[BOTTOMDATAROW / TOTALROWS]"  // Count에 표시되는 내용 (메뉴얼 참고)
     }
  },
  "Cols": [ ... ]
};


InfoRow 응용


- Layout 속성은 배열 형태로 값의 개수만큼 InfoRow에 Cell 이 생성됩니다.

const OPT = {
  "Cfg": {
    "InfoRowConfig": {
      ... 
      "Layout": ["가","나","다","마","바"]
    }
  }
}



- Layout에는 단순 텍스트가 아닌 Cell 속성을 설정 할 수 있습니다.

const OPT = {
  "Cfg": {
    "InfoRowConfig": {
      ... 
      "Layout": [
        "Count",  
        {"Type":"Text", "Align":"Right", "Value":"확인완료"} ,
        {"Type":"Bool","CanEdit": 1, "RelWidth":0, "Width": 30}
      ], 
    }
  }
}


- InfoRow 행은 기본적으로 CanEdit:0, CanFocus:0 입니다. 따라서 해당 행에서 편집 가능한 셀을 만들고자 하실 때는 반드시 CanEdit: 1, CanFocus: 1 속성을 추가하셔야 합니다.


const OPT = {
  "Cfg": {
    "InfoRowConfig": {
      ... 
      "Layout": [
        "Count",  
        {"Type":"Text", "Align":"Right", "Value":"사이즈 선택"} ,
        {"Type":"Enum", "Enum":"|XS|S|M|L|XL|XXL", "CanFocus":1, "CanEdit": 1, "RelWidth":0, "Width": 80}
      ],  
    }
  }
}



- Count (조회 데이터 개수 정보)를 InfoRow가 아닌 시트 외부에 표시하고 자 하는 경우에는 setCountInfoElement 함수를 사용하세요.


- 시트 내에 표시되는 페이지네이션 대신 goToPage , goToNextPage 와 같은 함수를 통해서 외부 라이브러리를 사용하실 수도 있습니다.

 다음 예제에서 확인해 보세요.