InputNumber

InputNumber 컨트롤의 사용법이나 개념이 궁금하다면 해당 페이지가 도움이 될 수 있습니다.

컨트롤 설명

숫자, 소수점, 비밀번호 데이터를 입력받을 수 있는 컨트롤입니다.

InputText VS InputNumber

InputText와의 차이로는 InputNumber 컨트롤은 문자형(number type)으로 보이는 숫자만 쓸 수 있다는 것입니다.

스타일 유형

다양한 스타일 유형들을 제공하고 있습니다.

디자인(Design) 모드

디자인 속성

개발(Dev) 모드

컨트롤 유형

Input 컨트롤에 입력한 값을 표시하는 방식을 지정할 수 있습니다.

  • Number: 정수인 숫자값만 입력할 수 있습니다.

  • Decimal: 소수점을 사용하여 숫자를 입력할 수 있습니다.

  • Password: 숫자를 입력한 값을 •••• 형식으로 보여줍니다.

입력가능한 최대 길이

앱에서 Input 컨트롤에 입력 가능한 최대 글자수를 지정할 수 있습니다.

Data

컬렉션키(멀티)

InputNumber는 컬렉션키를 여러개 등록할 수 있습니다.

  1. 데이터 연결을 활성화 합니다.

  2. 컬렉션키를 선택하거나 입력합니다.

Event

이벤트 사용 - 이벤트 종류

  • FocusIn: 사용자가 InputNumber 컨트롤에 포커스를 맞추면 발생하는 이벤트입니다.

  • Change: 사용자가 InputNumber 컨트롤에 데이터를 변경하고 해당 컨트롤에서 포커스가 벗어날 때 발생하는 이벤트입니다.

  • FocusOut: InputNumber 컨트롤에서 포커스가 벗어나면 발생하는 이벤트입니다.

  • Input: 사용자가 InputNumber 컨트롤에 데이터를 변경 하는 동안 지속적으로 발생하는 이벤트입니다.

Change VS Input

Change 이벤트는 값이 변경된 후 InputText컨트롤에서 포커스아웃 되면서 발생하지만 Input 이벤트는 포커스 아웃 여부와 관계 없이 값이 변경되는 시점에 발생합니다.

공통 개발 속성

Last updated