Select

초기 설정

Mode - 드롭다운에서 여러 옵션을 선택할 수 있도록 다중 을 선택합니다. 그렇지 않으면 단일 모드를 사용해야 합니다.

룩앤필 설정

구성 요소의 레이블을 표시하는 데 사용할 Label (mantory 아님)입니다.

구성 요소의 자리 표시자를 표시하는 데 사용할 Placeholder (필수 아님)입니다.

Name (필수) - 구성 요소의 이름입니다.

Size (필수) - 구성 요소의 크기입니다. 구성 요소가 생성될 때 기본값으로 설정됩니다.

Search (필수) - 사용 가능한 드롭다운 옵션 내에서 검색할 수 있습니다. 기본적으로 꺼져 있습니다.

Clear icon (필수) - 활성화된 경우 지우기 옵션 아이콘을 표시합니다. 기본적으로 꺼져 있습니다.

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

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

옵션

선택 옵션 은 구성 요소 설정에서 미리 정의할 수 있습니다.

워크플로 트리거

• onChange - 드롭다운 옵션이 변경되면 실행됩니다.
• onFocus - Select 구성 요소에 포커스가 있을 때 발생합니다.
• onBlur - Select 구성 요소가 흐려질 때 발생합니다.
• onCreate - 구성 요소가 생성될 때 발생합니다.
• onDestroy - 구성 요소가 표시될 때 실행됩니다.

구성 요소 작업

Select Get Properties

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

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자를 선택합니다.

출력 매개변수:

• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean ] - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required Mark [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms) [integer] - 값을 검증하기 위한 지연.
• Options [Select Option array] - 미리 정의된 선택 옵션의 배열입니다.
• Selected [Select Option array] - 선택한 옵션의 배열 또는 단일 모드의 경우 단일 요소가 있는 배열입니다.
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

Select Set Properties

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

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자를 선택합니다.
• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required Mark [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms ) [integer] - 값을 검증하기 위한 지연.
• Options [Select Option array] - 미리 정의된 선택 옵션의 배열입니다.
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

업데이트 속성 선택

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

입력 매개변수:

• Component Id [string] - 구성 요소의 식별자를 선택합니다.
• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required Mark [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms ) [integer] - 값을 검증하기 위한 지연.
• Options [Select Option array] - 미리 정의된 선택 옵션의 배열입니다.
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시되는 메시지입니다.

Make Select Option

주어진 필드로 Select Option 모델을 구성합니다.

입력 매개변수:

• ID [integer] - 옵션 ID 선택;
• Label [string] - 옵션의 레이블을 선택합니다.
• Value [integer] - 드롭다운 목록에서 옵션의 주문 값을 선택합니다.
• Icon [string] - 옵션 선택 항목에 사용되는 아이콘.
• Disabled [boolean] - true인 경우 선택 옵션을 비활성화합니다.

출력 매개변수:

• Select Option [Select Option] - 옵션 모델 선택;

Expand Select Option

선택 옵션 모델을 확장합니다.

입력 매개변수:

• Select Option [Select Option] - 옵션 모델 선택;

출력 매개변수:

• ID [integer] - 옵션 ID 선택;
• Label [string] - 옵션의 레이블을 선택합니다.
• Value [integer] - 드롭다운 목록에서 옵션의 주문 값을 선택합니다.
• Icon [string] - 옵션 선택 항목에 사용되는 아이콘.
• Disabled [boolean] - true인 경우 선택 옵션을 비활성화합니다.

사용 예

프론트엔드 비즈니스 프로세스를 통해 드롭다운 목록에 새 선택 옵션 항목을 구성하고 추가할 수 있습니다.

논리는 다음과 같아야 합니다.

• 지정된 필드를 사용하여 새 선택 옵션 항목 작성( Make Select Option )

• 기존 Select Option 항목 배열을 가져오고( Select Get Properties 가져오기 선택) 이전에 생성된 선택 옵션 항목과 병합( Append Array )

• 지정된 선택 구성 요소에 대한 업데이트 선택 옵션 항목 배열( Select Update Properties )