데이터소스
데이터소스(DataSource)는 컴포넌트에서 선택지나 검색으로 활용할 데이터들을 연결하는 방식입니다. 직접 데이터를 입력한 후 고정해서 활용하거나 서비스에 연결해 필요할 때마다 데이터를 가져오도록 할 수 있습니다.
미리보기
사용자가 선택할 수 있는 옵션을 데이터소스로 만들어서 이를 컨트롤에서 연결하여 선택할 수 있습니다.
데이터소스는 다양한 컨트롤들에서 사용됩니다. 더 자세한 설명은 컨트롤에서 사용하기 에서 확인할 수 있습니다.
구성요소
데이터소스는 다음 4가지 방법으로 구성할 수 있습니다.
Fixed : JSON 형태로 고정된 데이터를 작성합니다. Object로 구성된 배열 형태로 작성합니다. ex> [ { }, { }, { } ... ]
Grid : Table 형태로 고정된 데이터를 구성합니다. 항목키를 컬럼형태로 관리합니다.
Service : 사용자 및 사용시점에 따라 다른 데이터를 서버에서 조회하도록 서비스 형태로 연결합니다.
Collection : 현재 컬렉션에 반영된 데이터를 가공하여 연결합니다.
컨트롤에서 사용하기
컨트롤의 Component 속성에서 데이터소스를 연결합니다.
데이터소스에 있는 데이터의 키를 연결합니다. 올바르게 연결하면 우측 처럼 Radio컨트롤의 선택지가 나옵니다.
항목명 키 : 실제 선택지에서 선택할 명칭의 키(필수)
항목값 키 : 선택된 데이터를 저장할 때 필요한 코드성 값을 갖고 있는 키(필수 아님)
선택한 데이터를 컬렉션에 저장하기
콜렉션-데이터소스 키 연결 에 컬렉션에 저장할 명칭과 실제 데이터소스에 있는 해당 항목의 키를 매칭해서 입력합니다.
사용자가 실제 데이터를 선택하면 해당하는 데이터소스의 데이터들이 저장되는 것을 확인 할 수 있습니다.
데이터소스에서 선택된 데이터는 기존 데이터타입과 관계 없이 문자형(String)으로 저장되게 됩니다.
데이터소스를 사용하는 컴포넌트
Last updated
