Page Comparison

...

자동완성 기능을 제공하는 입력필드 AutoComplete 컴포넌트의 기본 스타일은 다음과 같다. 특정 검색어를 입력하면, 해당 문자가 포함된 데이터가 자동으로 하단에 리스트업 되어 사용자가 원하는 데이터를 빠르게 선택 할 수 있다.

( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1543733287/Input+Component#Common-options )

...

AutoComplete 컴포넌트의 셋팅 데이터를 바로 Create 할 수 있는 버튼 사용 여부를 설정 할 수 있다.

...

#Addon Create Button 옵션 상세

• Addon Create Button Label : 버튼 라벨 설정

• Create Page Type : 클릭 시 오픈 할 페이지 타입 선택(Modal, Page, Window)

• Create Page : 연결하고자 하는 path 선택 또는 직접 입력

Addon Search Button

사용자가 셋팅 데이터를 Detail하게 확인하고 선택해야하는 경우 검색 버튼 옵션을 활용 할 수 있다. 아래 화면과 같이 검색 버튼을 클릭하면, 데이터 상세 내용을 확인 할 수 있는 테이블 리스트가 Modal로 출력된다.

...

#Addon Search Button 옵션 상세

• Addon Search Button Label : 버튼 라벨 설정

• Search Page Type : 클릭 시 오픈 할 페이지 타입 선택 - Modal

  • Modal Render Type : 모달 렌더 타입 선택(Page, Components)

  • Modal Page : 모달로 연결 할 path 선택 또는 직접 입력