위젯 작업 > 공통적인 위젯 속성, 서비스 및 이벤트
  
공통적인 위젯 속성, 서비스 및 이벤트
다음 테이블은 여러 위젯 사이에서 공통적인 속성, 서비스 및 이벤트 목록을 제시합니다.
* 
검색하려는 위젯 속성이 이 테이블에 없는 경우 특수 위젯과 관련된 도움말 항목을 참조하십시오.
속성 이름
JavaScript
유형
설명
맞춤
imageAlign
string
위젯의 가로 맞춤입니다.
* 
드롭다운 메뉴에 포함되는 옵션은 위젯에 따라 다릅니다.
배경색
backgroundColor
string
위젯의 배경색입니다.
이 필드는 RGB 색상, 16진수 색상 또는 색상 이름을 지원합니다.
클래스
class
string
위젯에 지정된 클래스입니다. 각 위젯을 사용자 정의 CSS 규칙을 쓸 수 있는 클래스에 지정할 수 있습니다.
콘텐츠 줄 바꿈
wrap
string
장치의 화면 크기를 변경하면 눈금 레이아웃 또는 반복기 위젯 내에 위젯이 배치됩니다. 이를 줄바꿈 안 함으로 설정하면 위젯이 한 줄로 표시됩니다.
* 
대부분의 경우 기능 유지를 위해 기본적으로 줄 바꿈으로 설정하는 것이 좋습니다.
데이터
data
infotable
데이터의 바인딩 대상입니다.
선택 취소됨
항목이 선택 취소되면 트리거됩니다.
사용할 수 없음
disabled
boolean
위젯의 클릭을 사용할 수 없게 되며 상태가 변경됩니다.
이름
friendlyName
string
프로젝트 트리에서의 위젯 이름입니다.
높이
height
number
위젯의 높이입니다. 원하는 숫자를 % 또는 px 앞에 입력합니다.
양쪽 맞춤
justification
string
위젯의 맞춤입니다. 드롭다운 목록에서 다음 중 하나를 선택합니다.
시작
가운데
사이 간격 똑같이
주위 간격 똑같이
레이블
label
string
위젯에 표시되는 레이블입니다.
목록
list
object
데이터의 바인딩 대상입니다. 일반적으로 서비스의 모든 항목을 이 속성에 바인딩합니다.
여백
margin
string
패딩 속성과 비슷하게 위젯 또는 항목 주변의 공간을 정의합니다. 이 속성은 CSS에 대한 직접적인 변환입니다. 숫자 뒤에 지원되는 다음 형식 중 한 가지를 입력합니다(예: 10px).
px
%
in
mm
cm
ex
em
pt
pc
다중 선택
multiselect
boolean
위젯에서 여러 항목을 선택할 수 있습니다.
안쪽 여백
padding
string
위젯 주변의 안쪽 여백입니다. 숫자 뒤에 지원되는 다음 형식 중 한 가지를 입력합니다(예: 10px).
px
%
in
mm
cm
ex
em
pt
pc
자리 표시자
placeholder
string
위젯에 표시되는 자리 표시자 텍스트입니다.
Studio ID
widgetName
string
실행 시 각 위젯에 고유한 ID 속성이 지정되며 편집할 수 없습니다.
텍스트
text
string
위젯에 표시되는 텍스트입니다.
value
string
위젯의 값입니다.
표시
visible
boolean
실행 시 위젯의 표시 유형을 설정합니다. 이는 기본적으로 선택되어 있습니다.
너비
width
number
위젯의 너비를 설정합니다. 원하는 숫자를 % 또는 px 앞에 입력합니다.
X축 필드
labelsField
string
차트의 X축에 대해 표시되는 데이터입니다. 필드 이름을 수동으로 입력합니다. 예를 들어 "이름"을 입력합니다.
Y축 필드
valuesField
string
차트의 Y축에 대해 표시되는 데이터입니다. 필드 이름을 수동으로 입력합니다. 예를 들어 "사용자"를 입력합니다.
서비스
JavaScript
설명
차트 업데이트
updateChart
차트 업데이트에 사용할 수 있는 바인딩 가능 서비스입니다.
이벤트
JavaScript
설명
클릭
click
클릭 이벤트를 트리 내의 다른 보기로 끌어서 클릭 시 해당 보기로 이동하도록 하거나, 클릭 시 발생하는 서비스로 끌어 놓을 수 있습니다. 클릭 이벤트 옆의 JS 아이콘을 클릭하여 표현식을 입력합니다.
ItemClick
itemclick
ItemClick 속성을 프로젝트 트리의 보기로 끌어 놓아 목록 또는 반복기의 항목을 클릭하면 바인딩된 보기로 이동하도록 합니다. 예를 들어 목록 위젯의 ItemClick 속성을 세부 정보 보기에 바인딩하면 목록의 항목이 열릴 때 세부 정보 페이지가 열립니다.
누름
pressed
위젯을 누리면 트리거됩니다.
선택됨
selected
위젯 또는 항목이 선택되면 트리거됩니다.
누르기 취소됨
unpressed
위젯 누르기를 취소하면 트리거됩니다.
값 변경됨
change
값이 변경되면 트리거됩니다.