Input (integer)

복사하려면 클릭

정수 값 입력 필드


룩앤필 설정:

Label (필수 아님) - 입력을 위한 레이블입니다.

Default value (필수 아님) - 기본값을 입력합니다.

Placeholder (필수 아님) - 입력을 위한 자리 표시자입니다.

Name (필수) - 입력의 이름입니다.

Tooltip (필수 아님) - 입력에 대한 힌트입니다.

Min (필수 아님) - 최소값.

Max (필수 아님) - 최대 값.

Step (필수 아님) - 단계를 변경합니다.

Required (필수) - 필드를 필수로 만듭니다. 기본적으로 비활성화되어 있습니다.

Allow clear (필수) - 아이콘을 눌러 입력을 지웁니다. 기본적으로 비활성화되어 있습니다.

Validate icon (필수) - 입력을 위한 유효성 검사 아이콘입니다. 기본적으로 비활성화되어 있습니다.

Disabled 됨(필수) - 켜져 있는 경우 구성 요소를 비활성화합니다. 기본적으로 꺼져 있습니다.

Visible (필수) - 켜져 있는 경우 구성 요소를 표시합니다. 기본적으로 활성화되어 있습니다.


워크플로 트리거:

  • onCreate – 페이지에서 요소가 생성될 때 발생합니다.
  • onShow – 구성 요소가 해당 상태를 표시(페이지에 표시됨)로 변경할 때 발생합니다.
  • onHide – 구성 요소가 상태를 숨김(표시 중지)으로 변경할 때 발생합니다.
  • onDestroy – 구성 요소가 파괴되기 전에 실행됩니다.
  • onChange - 값이 변경될 때 발생합니다.
  • onFocus - 구성 요소에 포커스가 있을 때 발생합니다.
  • onBlur - 구성 요소가 흐려질 때 발생합니다.
  • onEnterKey - Enter 키를 누르면 실행됩니다.

Component Actions:

InputInteger Get Properties

구성 요소의 속성을 가져옵니다.

입력 매개변수:

  • Component Id [string] - 입력 구성 요소의 식별자입니다.

출력 매개변수:

  • Label [string] - 입력 레이블;
  • Placeholder [string] - 입력 자리 표시자;
  • Allow clear [boolean] - 지우기 허용 상태입니다.
  • Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
  • Visible [boolean] - 컴포넌트 가시성 상태;
  • Tooltip [string] - 입력 필드 힌트;
  • Required [boolean] - true인 경우 필수 표시를 표시합니다.
  • Debounce (ms) [integer] - 값을 검증하기 위한 지연.
  • Min [integer] - 최소값;
  • Max [integer] - 최대 값;
  • Step [integer] - 단계를 변경합니다.
  • Value [string] - 입력의 값.
  • Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
  • Validate Status [status type] - 값을 확인할 때 표시되는 상태입니다.
  • Validate Message [string] - 값을 확인할 때 표시할 메시지입니다.

Input String Get Properties

InputInteger Set Properties

구성 요소의 속성을 설정합니다.

입력 매개변수:

  • Component Id [string] - 입력 구성 요소의 식별자입니다.
  • Label [string] - 입력 레이블;
  • Placeholder [string] - 입력 자리 표시자;
  • Allow clear [boolean] - 지우기 허용 상태입니다.
  • Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
  • Visible [boolean] - 컴포넌트 가시성 상태;
  • Tooltip [string] - 입력 필드 힌트;
  • Required [boolean] - true인 경우 필수 표시를 표시합니다.
  • Debounce (ms) [integer] - 값을 검증하기 위한 지연.
  • Min [integer] - 최소값;
  • Max [integer] - 최대 값;
  • Step [integer] - 단계를 변경합니다.
  • Value [string] - 입력의 값.
  • Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
  • Validate Status [status type] - 값을 확인할 때 표시되는 상태입니다.
  • Validate Message [string] - 값을 확인할 때 표시할 메시지입니다.

Input Integer Set Properties

InputInteger Update Properties

구성 요소의 속성을 업데이트합니다.

입력 매개변수:

  • Component Id [string] - 입력 구성 요소의 식별자입니다.
  • Label [string] - 입력 레이블;
  • Placeholder [string] - 입력 자리 표시자;
  • Allow clear [boolean] - 지우기 허용 상태입니다.
  • Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
  • Visible [boolean] - 컴포넌트 가시성 상태;
  • Tooltip [string] - 입력 필드 힌트;
  • Required [boolean] - true인 경우 필수 표시를 표시합니다.
  • Debounce (ms) [integer] - 값을 검증하기 위한 지연.
  • Min [integer] - 최소값;
  • Max [integer] - 최대 값;
  • Step [integer] - 단계를 변경합니다.
  • Value [string] - 입력의 값.
  • Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
  • Validate Status [status type] - 값을 확인할 때 표시되는 상태입니다.
  • Validate Message [string] - 값을 확인할 때 표시할 메시지입니다.

Input Integer Update Propertiess


사용 예

예를 들어 가격과 같은 숫자 값을 입력하는 데 적합한 Input(integer)