채널톡 아이콘

인프런 커뮤니티 질문&답변

enm.adsolution님의 프로필 이미지

작성한 질문수 5

Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴

리피터 위젯으로 가상의 데이터베이스 연동하기

자동완성목록

작성

·

40

0

텍스트 입력 창에서 텍스트를 입력하면 하단에 자동완성목록이 나오고, 리스트 된 값 중에 하나를 클릭하면 값이 들어가도록 구현하고 싶은데요. 어떻게 구현가능한가요?

답변 1

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다.

텍스트 입력 창에 자동완성 기능을 구현하고 싶으시군요. Axure에서 이를 구현하기 위해서는 다이나믹 패널과 텍스트 필드를 활용하여 자동완성 목록을 표시하고 특정 값을 선택했을 때 입력 필드에 값이 반영되도록 설정할 수 있습니다.

구현 방법 요약:

  1. 다이나믹 패널 생성: 먼저 다이나믹 패널을 만들어서 자동완성 목록을 포함시킵니다. 이 다이나믹 패널 안에 텍스트 입력 필드와 자동완성될 목록을 추가합니다.

  2. 텍스트 필드 이벤트 설정: 텍스트 필드의 입력 이벤트(예: ‘Key Up’)를 사용하여 사용자가 입력할 때 자동완성 목록을 필터링하고 조건에 맞는 항목을 표시합니다.

  3. 리피터 위젯 활용: 자동완성 목록은 리피터(Repeater) 위젯을 활용하여 관리합니다. 리피터 데이터를 조건에 맞게 필터링하여 사용자가 입력한 텍스트와 일치하는 항목만 보이도록 설정합니다.

  4. 아이템 선택 설정: 사용자가 목록에서 항목을 클릭하면 해당 항목의 값을 텍스트 필드에 입력하는 액션을 추가하여 구현합니다.

관련된 유사한 질문들과 답변들 중에서 참고할 수 있는 게시물은 다음과 같습니다:

위 내용을 바탕으로 자동완성 기능을 구현하여 보실 수 있습니다. 어려움이 있으시거나 추가적인 설명이 필요하다면 언제든지 질문해 주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

enm.adsolution님의 프로필 이미지

글로 읽어도 잘 모르겠습니다 ㅠ_ㅠ