데이터(Data)

컴포넌트 프로퍼티 중 데이터 작업과 관련된 프로퍼티를 모아둔 영역입니다. 각 컴포넌트마다 항목이 달라지거나 영역이 존재하지 않을 수 있습니다.

속성 설명

circle-info

이 부분에서는 공통적으로 사용되는 프로퍼티를 설명합니다. 컴포넌트 별 특수한 개발 프로퍼티는 컨트롤에서 확인할 수 있습니다.

데이터 연결

그룹(Group)에만 존재하는 프로퍼티입니다.

circle-exclamation

데이터 용도

데이터 연결을 했다면 컴포넌트가 렌더 될 때 섹터가 하나 생성됩니다. 섹터는 카테고리가 지정된 경우 카테고리에, 지정되지 않은 경우 컬렉션에 추가됩니다.

  • 기본 : 섹터가 없는 경우에만 새 섹터를 생성합니다.

  • 신규 입력 : 새 섹터를 생성합니다.

  • 조회 : 현재 섹터들을 가져옵니다.

  • 상세 보기 : Active 상태인 섹터만 가져옵니다.

  • 수정 : Active 상태인 섹터만 가져옵니다.

카테고리명

카테고리명을 입력하면 해당 카테고리와 연결합니다. 입력하지 않을 경우 전체 컬렉션에 연결됩니다.

circle-exclamation

필터 사용

데이터 용도가 조회인 경우 필터 사용이 가능합니다.

circle-exclamation

컬렉션키

컬렉션키섹터의 키를 말합니다.

데이터 연결로 설정한 데이터와 컨트롤을 컬렉션키를 기준으로 연결합니다. 컬렉션키(멀티)인 경우 여러 키를 지정할 수 있습니다.

컨트롤에 따라 컬렉션키 설정 UI가 다를 수 있습니다.

데이터소스 명

데이터소스 프로퍼티에서 정의한 데이터소스 명을 입력합니다.

컨트롤에 마치 데이터 연결을 하듯 데이터의 목록을 갖는 데이터소스를 지정하고 키 설정으로 연결합니다.

예시

데이터 연결과 컬렉션키

사용자의 입력을 카테고리로 저장할 수 있도록 데이터 연결을 하는 경우를 예시로 들겠습니다.

그룹(Group)에 데이터 연결을 설정합니다.

용도를 신규 입력으로 선택하고 카테고리명을 Input이라고 설정합니다.

카테고리명을 입력하면 자동으로 그룹(Group)안의 컨트롤 목록을 가져와 한 번에 컬렉션키를 지정할 수 있습니다.

InputText의 컬렉션키 값은 Value로 입력한 뒤 적용을 누르면 해당 키가 컨트롤에 자동으로 설정됩니다.

결과

실행시켜 디버거에서 값을 입력해 보면 설정한 대로 Input 카테고리의 Value라는 값으로 저장되는 것을 볼 수 있습니다.

데이터소스

그룹(Group)의 데이터 연결을 설정하고 카테고리는 Input으로 설정합니다.

미리 만들어둔 Drinks라는 데이터소스를 Search 컨트롤에 연결해 Value로 저장할 수 있도록 합니다.

데이터소스 명에 만들어둔 Drinks를 입력하고 타이틀과 데이터소스키를 지정해 줍니다.

결과

Last updated

Was this helpful?