InputText

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

컨트롤 설명

텍스트 유형의 데이터를 입력받을 수 있는 컨트롤입니다.

스타일 유형

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

디자인(Design) 모드

디자인 속성

개발(Dev) 모드

컨트롤 유형

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

  • Text: 입력한 값을 그대로 보여줍니다.

  • Password: 입력한 값을 •••으로 숨겨서 보여줍니다.

개발 중인 시나리오의 스텝에서 input 컨트롤을 2개이상 사용하고 input컨트롤의 타입을 password로 사용하는 경우 주의할 점이 있습니다. 로드되는 input 컨트롤들 중에 첫번째 input 컨트롤은 password 타입이 아니고 두번째 로드되는 컨트롤이 password 타입일 경우 브라우저에서 id와 password의 자동완성 기능에 사용될 수 있습니다.

입력가능한 최대 길이

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

Data

컬렉션키(멀티)

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

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

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

Event

이벤트 사용 - 이벤트 종류

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

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

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

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

Change VS Input

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

공통 개발 속성

Last updated