문서
리포트 아이템
Check

Check

체크 표시를 할 때 사용하는 아이템입니다.

check-item-sample

Basic

이름타입설명필수여부
Namestring아이템에 고유한 이름을 설정합니다.no
Tagstring아이템에 태그값을 설정합니다.no
Visibleboolean아이템의 표시 여부를 설정합니다.yes
Page BreakPageBreakMode아이템을 출력하기 전에 페이지를 어떻게 나눌 것인지 대해 설정합니다.no

Design

이름타입설명필수여부
Design Borderboolean아이템의 디자인 가능한 경계 영역의 표시를 설정합니다.yes

Event

이름타입설명필수여부
OnGetValueReportItemValueCallback아이템에 표시되는 값을 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no
OnGetStylesReportItemStyleCallback아이템에 적용되는 스타일을 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no
OnGetVisibleReportItemVisibleCallback아이템의 표시 여부를 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no

Bound

이름타입설명필수여부
Widthnumber아이템의 넓이를 설정합니다.no
Heightnumber아이템의 높이를 설정합니다.no
Leftnumber아이템의 위치를 부모 요소 기준으로 "왼쪽"에서 설정합니다.no
Rightnumber아이템의 위치를 부모 요소 기준으로 "오른쪽"에서 설정합니다.no

Data

이름타입설명필수여부
Datastring아이템에 리포트에 존재하는 데이터를 연결합니다.no
Valuestring아이템에 연결된 데이터에서 표시할 필드를 선택합니다.no

데이터 연결

ℹ️
  • 연결된 데이터가 있는 경우 체크됩니다.
  • 연결된 데이터가 boolean 타입인 경우 true일 때 체크, false일 때 체크되지 않습니다.
  • 연결된 데이터가 falsy 한 값 (opens in a new tab)인 경우 체크 아이템이 비활성화됩니다.

데이터연결

Check

이름타입설명필수여부
Three Statesboolean속성을 활성화하면 체크박스의 체크되지 않은 모양을 비활성화된 형태로 표시합니다.no
Checkedboolean속성을 활성화하면 체크 아이템을 체크 표시합니다.no

Three States

속성을 활성화하면 체크박스의 체크되지 않은 모양을 비활성화된 형태로 표시합니다.
연결된 데이터가 false인 경우 속성을 활성화하면 Empty Text와 함께 비활성화된 체크박스 형태로 표시합니다.

  • 타입: boolean
  • 기본값: false

비활성화된 체크박스

비활성화된 체크박스 이미지

Checked

속성을 활성화하면 체크 아이템을 체크로 표시합니다.

  • 타입: boolean
  • 기본값: true

Text

체크 아이템에 텍스트를 보여줄 때 사용되는 속성

이름타입설명필수여부
Textstring체크된 아이템에 표시될 문구를 설정합니다.no
False Textstring체크 아이템이 체크되지 않은 경우 표시될 문구를 설정합니다.no
Empty Textstring체크 아이템에 연결된 값이 falsy 한 값 (opens in a new tab)인 경우 보여줄 문구를 설정합니다.no

Text

체크 아이템에 표시될 문구를 설정합니다.

  • 타입: string
  • 기본값: undefined

False Text

체크 아이템이 체크되지 않았을때 표시될 문구를 설정합니다.

  • 타입: string
  • 기본값: undefined

Empty Text

체크 아이템이 체크되어 있지 않고, Three States 속성이 켜져있는 경우 보여주는 텍스트 입니다.

  • 타입: string
  • 기본값: undefined

사용 방법

  • 속성에 보여줄 문구를 설정하고, Three States 속성을 활성화 시켜줍니다.

emptyText1

  • 미리 보기 시 설정한 문구를 확인할 수 있습니다. emptyText2

Styles

이름타입설명필수여부
Font Familystring아이템의 글꼴을 설정합니다.no
Font Sizenumber아이템의 텍스트 크기를 설정합니다.no
Font Stylestring아이템의 글꼴체를 설정합니다.no
Text Decorationstring아이템의 텍스트에 선 스타일을 설정합니다.no
Font Weightstring아이템의 텍스트 굵기를 설정합니다.no
Colorstring아이템의 텍스트 색상을 설정합니다.no
Background Colorstring아이템의 배경 색상을 설정합니다.no
Borderstring아이템의 테두리를 설정합니다.no