Input (text)

복사하려면 클릭

텍스트 입력 필드


룩앤필 설정:

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

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

Name (필수) - 입력 이름.

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

Min rows (필수 아님) - 입력할 최소 행 수

Max rows (필수 아님) - 입력할 최대 행 수

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

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

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

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

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



워크플로 트리거:

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

구성 요소 작업

InputText Get Properties

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

입력 매개변수:

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

출력 매개변수:

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

Input Text Get Properties

InputText 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] - 값을 검증하기 위한 지연.
  • Value [text] - 입력의 값.
  • Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
  • Validate Status [status type] - 값을 확인할 때 표시되는 상태입니다.
  • Validate Message [string] - 값을 확인할 때 표시할 메시지입니다.

Input Text Set Properties

InputText 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] - 값을 검증하기 위한 지연.
  • Value [text] - 입력의 값.
  • Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
  • Validate Status [status type] - 값을 확인할 때 표시되는 상태입니다.
  • Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

Input Text Update Properties


사용 예

입력 텍스트 - 사용자에게 자세한 메시지(예: 설명)를 작성할 수 있는 기회를 제공하는 데 적합합니다.