InputNumber
InputNumber 컨트롤의 사용법이나 개념이 궁금하다면 해당 페이지가 도움이 될 수 있습니다.
컨트롤 설명
숫자, 소수점, 비밀번호 데이터를 입력받을 수 있는 컨트롤입니다.
InputText VS InputNumber
InputText와의 차이로는 InputNumber 컨트롤은 문자형(number type)으로 보이는 숫자만 쓸 수 있다는 것입니다.
스타일 유형
다양한 스타일 유형들을 제공하고 있습니다.
디자인(Design) 모드
인풋 컨트롤 속성 변경
인풋 컨트롤은 우측에서 각각의 속성을 변경하여 수정할 수 있습니다.
디자인 속성
개발(Dev) 모드
컨트롤 유형
Input 컨트롤에 입력한 값을 표시하는 방식을 지정할 수 있습니다.
Number: 정수인 숫자값만 입력할 수 있습니다.
Decimal: 소수점을 사용하여 숫자를 입력할 수 있습니다.
Password: 숫자를 입력한 값을 •••• 형식으로 보여줍니다.
입력가능한 최대 길이
앱에서 Input 컨트롤에 입력 가능한 최대 글자수를 지정할 수 있습니다.
Data
컬렉션키(멀티)
InputNumber는 컬렉션키를 여러개 등록할 수 있습니다.
데이터 연결을 활성화 합니다.
컬렉션키를 선택하거나 입력합니다.
Event
이벤트 사용 - 이벤트 종류
FocusIn: 사용자가 InputNumber 컨트롤에 포커스를 맞추면 발생하는 이벤트입니다.
Change: 사용자가 InputNumber 컨트롤에 데이터를 변경하고 해당 컨트롤에서 포커스가 벗어날 때 발생하는 이벤트입니다.
FocusOut: InputNumber 컨트롤에서 포커스가 벗어나면 발생하는 이벤트입니다.
Input: 사용자가 InputNumber 컨트롤에 데이터를 변경 하는 동안 지속적으로 발생하는 이벤트입니다.
Change VS Input
Change 이벤트는 값이 변경된 후 InputText컨트롤에서 포커스아웃 되면서 발생하지만 Input 이벤트는 포커스 아웃 여부와 관계 없이 값이 변경되는 시점에 발생합니다.
공통 개발 속성
Last updated
