데이터(Data)

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

속성 설명

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

데이터 연결

그룹(Group)과 레이아웃(Layout)에만 존재하는 프로퍼티입니다.

데이터 연결을 한 그룹(Group)과 레이아웃(Layout)은 reload() 할 수 없습니다. 그 이유는 reload() 할 때 동일한 아이디를 공유하는 여러 그룹(Group)과 레이아웃(Layout)이 생성되어 혼란이 생길 수 있습니다. 이를 방지하기 위해 reload() 할 수 없습니다.

데이터 용도

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

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

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

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

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

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

카테고리명

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

필터 사용

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

필터의 Parent Sector Filter의 경우 데이터 연결의 필터에서만 사용할 수 있는 특수한 필터입니다.

이너블럭으로 연결 시 사용할 수 있습니다.

컬렉션키

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

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

데이터소스 명

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

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

예시

데이터 연결과 컬렉션키

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

레이아웃(Layout)에 데이터 연결을 설정합니다.

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

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

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

결과

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

데이터소스

레이아웃(Layout)의 데이터 연결을 설정하고 카테고리는 Input으로 설정합니다.

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

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

결과

Last updated