InputSearch
주어진 데이터 목록 내에서 검색하는 기능을 구현하려면 해당 컨트롤을 활용할 수 있습니다. InputSearch 컨트롤의 사용법이나 개념이 궁금하다면 해당 페이지가 도움이 될 수 있습니다.
컨트롤 설명
데이터소스를 대상으로 검색 기능을 수행하는 컨트롤입니다.
스타일 유형
다양한 스타일 유형들을 제공하고 있습니다.
디자인(Design) 모드
인풋 컨트롤 속성 변경
인풋 컨트롤은 우측에서 각각의 속성을 변경하여 수정할 수 있습니다.
디자인 속성
개발(Dev) 모드
표시될 텍스트
InputSearch창 내부 블럭 부분에 나타나는 값입니다.
대체 텍스트에 대한 자세한 설명은 대체 텍스트 사용하기 페이지를 참고하세요.
Data
Data 영역 설정에 대한 설명입니다.
데이터 다중 선택 사용
- 선택된 데이터 축약해서 보이기
- 선택된 데이터 카테고리로 저장 : 선택된 데이터 저장방법 설정 속성. 카테고리/ 이너블럭 중 선택 가능. 카테고리로 저장하는 경우 상위 데이터 연결과 연결관계 설정
- 카테고리명: [선택된 데이터 카테고리로 저장]을 카테고리로 지정시 입력 가능.
- 이너블럭 키(멀티): [선택된 데이터 카테고리로 저장]을 이너블럭으로 지정시 입력 가능.
- 상위 데이터연결과 연결관계 설정 : [선택된 데이터 카테고리로 저장]을 카테고리로 지정시 활성화
[심화] 카테고리 연결관계에서 연결관계에 대한 이해를 도울 수 있습니다.
데이터소스 명 : 다이얼로그에 검색 대상 리스트로 나타날 대상이 되는 데이터소스 이름
키워드 검색 시 데이터소스 사용 : 키워드 검색 이벤트 발생 시 데이터소스를 재호출하는 기능. 재호출은 검색창에서 검색어 입력 후 change 이벤트 생겼을 때 발생
- 검색 키워드를 저장할 컬렉션 키 : 검색한 키워드가 해당 저장되는 컬렉션키
[검색 키워드를 저장할 컬렉션 키] 값을 활용해서 검색 결과를 조회해 오는데 컬렉션 값을 활용해 보세요.
셀 타이틀(데이터소스 키) : '정은경' 부분에 나오게 될 데이터소스 키
셀 서브 타이틀 : ' 플렉스튜디오' 부분에 나오게 될 데이터소스 키
셀 기타 텍스트 추가 : '마법사' 부분에 나오게 될 데이터소스 키
콜렉션 - 데이터소스 키 연결 : [셀 타이틀], [셀 서브타이틀], [셀 기타 텍스트 추가]의 값이 저장될 컬렉션 키를 연결하는 기능
Event
이벤트 사용 - 이벤트 종류
다이얼로그 닫기: 다이얼로그는 InputSearch 컨트롤의 입력하는 곳을 클릭 했을 때 검색 영역과 데이터가 보이는 곳 입니다. 데이터를 선택하고 다이얼로그가 닫힐 때 이벤트를 사용할 수 있습니다. 자세한 설명은 이벤트 사용 에서 확인할 수 있습니다.
선택항목 삭제: 사용자가 선택한 데이터를 취소했을 때 발생하는 이벤트입니다.
Change: 사용자가 선택한 데이터가 변경되었을 때 발생하는 이벤트입니다.
공통 개발 속성
참고
데이터 소스에 대한 이해가 필요하시다면 데이터소스 페이지를 참고하세요.
Last updated
