데이터소스

미리보기

사용자가 선택할 수 있는 옵션을 데이터소스로 만들어서 이를 컨트롤에서 연결하여 선택할 수 있습니다.

데이터소스는 다양한 컨트롤들에서 사용됩니다. 더 자세한 설명은 컨트롤에서 사용하기 에서 확인할 수 있습니다.

구성요소

데이터소스는 다음 4가지 방법으로 구성할 수 있습니다.

• Fixed : JSON 형태로 고정된 데이터를 작성합니다. Object로 구성된 배열 형태로 작성합니다. ex> [ { }, { }, { } ... ]

• Grid : Table 형태로 고정된 데이터를 구성합니다. 항목키를 컬럼형태로 관리합니다.

• Service : 사용자 및 사용시점에 따라 다른 데이터를 서버에서 조회하도록 서비스 형태로 연결합니다.

• Collection : 현재 컬렉션에 반영된 데이터를 가공하여 연결합니다.

컨트롤에서 사용하기

1. 컨트롤의 Component 속성에서 데이터소스를 연결합니다.

2. 데이터소스에 있는 데이터의 키를 연결합니다. 올바르게 연결하면 우측 처럼 Radio컨트롤의 선택지가 나옵니다.

   • 항목명 키 : 실제 선택지에서 선택할 명칭의 키(필수)

   • 항목값 키 : 선택된 데이터를 저장할 때 필요한 코드성 값을 갖고 있는 키(필수 아님)

선택한 데이터를 컬렉션에 저장하기

1. 콜렉션-데이터소스 키 연결 에 컬렉션에 저장할 명칭과 실제 데이터소스에 있는 해당 항목의 키를 매칭해서 입력합니다.

2. 사용자가 실제 데이터를 선택하면 해당하는 데이터소스의 데이터들이 저장되는 것을 확인 할 수 있습니다.

데이터소스를 사용하는 컴포넌트

Radio

ComboBox

InputSearch

TimeTable

Approval

Tree