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] - 값을 확인할 때 표시할 메시지입니다.
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] - 값을 확인할 때 표시할 메시지입니다.
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] - 값을 확인할 때 표시되는 메시지입니다.
사용 예
입력 텍스트 - 사용자에게 자세한 메시지(예: 설명)를 작성할 수 있는 기회를 제공하는 데 적합합니다.