Relselect

초기 설정

Data source - 드롭다운 옵션을 표시하는 데 사용할 데이터 모델입니다.

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

룩앤필 설정

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

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

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

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

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

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

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

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

데이터

Data source - 사용 중인 데이터 모델 입니다. 구성 요소 생성 시에만 구성 가능합니다.

Label - 단일 드롭다운 옵션에 표시할 데이터 모델 필드입니다.

워크플로 트리거

• onChange - 드롭다운 옵션이 변경되면 실행됩니다.
• onFocus - Relselect 구성 요소에 포커스가 있을 때 발생합니다.
• onBlur - Relselect 구성 요소가 흐려질 때 발생합니다.
• onCreate - 구성 요소가 생성될 때 발생합니다.
• onShow - 구성 요소가 표시될 때 발생합니다.
• onHide - 구성 요소가 숨겨져 있을 때 발생합니다.
• onSearch - 사용자가 사용 가능한 옵션으로 검색할 때 실행됩니다.
• onOpen - 드롭다운에서 실행됩니다.
• onLoadAll - 모든 드롭다운 옵션이 다운로드될 때 실행됩니다.

구성 요소 작업

RelSelect Get Properties

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

입력 매개변수:

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

출력 매개변수:

• Selected [Data Model type/ Data Model Array type] 선택 - 선택한 옵션. Component ID가 지정된 경우에만 비즈니스 프로세스에 표시됩니다.
• Data [Data Model Array type] - 사용할 데이터 모델 요소의 배열입니다. Component ID가 지정된 경우에만 비즈니스 프로세스에서 사용할 수 있습니다.
• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required Mark [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms) [integer] - 값을 검증하기 위한 지연.
• Validate Icon [boolean ] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시할 메시지입니다.

RelSelect Set Properties

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

입력 매개변수:

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

RelSelect Update Properties

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

입력 매개변수:

• Selected [Data Model type/ Data Model Array type] 선택 - 선택한 옵션. Component ID 가 지정된 경우에만 비즈니스 프로세스에 표시됩니다.
• Data [Data Model Array type] - 사용할 데이터 모델 요소의 배열입니다. Component ID 가 지정된 경우에만 비즈니스 프로세스에서 사용할 수 있습니다.
• Component Id [string] - RelSelect 구성 요소의 식별자입니다.
• Label [string] - 구성 요소의 레이블입니다.
• Placeholder [string] - 구성 요소의 자리 표시자.
• Allow Clear [boolean] - true인 경우 선택을 지울 수 있습니다.
• Disable [boolean] 비활성화 - true인 경우 구성 요소를 비활성화합니다.
• Tooltip [string] - 툴팁 문자열;
• Required Mark [boolean] - true인 경우 필수 표시를 표시합니다.
• Debounce (ms) [integer] - 값을 검증하기 위한 지연.
• Validate Icon [boolean] - 값을 확인할 때 표시할 아이콘입니다.
• Validate Status [Status type] - 값을 확인할 때 표시되는 상태입니다.
• Validate Message [string] - 값을 확인할 때 표시할 메시지입니다.

사용 예

드롭다운 옵션을 보려면 서버에서 드롭다운 옵션을 다운로드해야 합니다.

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

RelSelect 구성 요소 생성( onCreate ) 시 데이터 모델 배열( 서버 요청 GET )을 가져옵니다.

2. 드롭다운 데이터 업데이트( RelSelect Update Properties )