종속적으로 연관된 데이터를 순차적으로 찾아 선택하거나 직접 입력하는 패턴입니다.
Pattern
보통 3계층 구조 이상의 데이터를 입력해야 할 때 사용하며, 모달창을 통한 전용 양식을 구성하여 사용합니다.
기술협업, 주문 등의 요청 화면에서는 요청 양식에 포함하여 사용합니다.
#단일 선택형
상위 계층부터 마지막 계층까지 계층당 하나의 데이터만 선택합니다. 상위 계층에서 선택한 값에 따라 하위 계층의 선택 가능한 값이 표시됩니다.
1.
기본 상태는 최상위 계층 데이터만 표시합니다.
나머지 계층은 안내 문구 제공을 통해 순차적인 선택을 유도합니다.
2.
데이터를 선택하면 해당 데이터에 종속된 하위 계층의 데이터가 표시됩니다.
계층을 따라 순차적으로 데이터를 선택하게 됩니다.
3.
직접 입력을 제공하는 항목을 선택한 경우에는 하단에 입력 폼을 표시합니다.
사용자가 직접 입력에 대해 명확히 인지할 수 있도록 플레이스홀더 텍스트를 통해 안내합니다.
필요에 따라 2개 이상의 직접 입력폼을 동시에 사용할 수도 있습니다.
요청 양식에 포함하지 않고 셀렉트 폼을 통해 선택하는 경우에는 모달창 형태로 구성하여 제공합니다.
#복수 선택형
여러 개의 데이터 세트를 생성한 후 입력할 수 있습니다.
1.
선택한 데이터가 하단 영역에 표시됩니다.
2.
데이터를 선택한 후 추가 버튼을 클릭하면, 해당 데이터 세트가 하나의 그룹 스타일로 생성되어 표시됩니다.
추가된 데이터 세트는 삭제 컨트롤을 제공하여 사용자가 언제든지 삭제할 수 있습니다.
3.
복수 선택이 가능한 동일 계층의 데이터는 선택한 대로 쉼표(,)로 구분하여 표시합니다.
4.
복수 선택한 상태에서 추가를 하면 각각의 데이터 세트로 분리하여 생성합니다.
