자동완성목록
140
5 asked
텍스트 입력 창에서 텍스트를 입력하면 하단에 자동완성목록이 나오고, 리스트 된 값 중에 하나를 클릭하면 값이 들어가도록 구현하고 싶은데요. 어떻게 구현가능한가요?
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다.
텍스트 입력 창에 자동완성 기능을 구현하고 싶으시군요. Axure에서 이를 구현하기 위해서는 다이나믹 패널과 텍스트 필드를 활용하여 자동완성 목록을 표시하고 특정 값을 선택했을 때 입력 필드에 값이 반영되도록 설정할 수 있습니다.
구현 방법 요약:
다이나믹 패널 생성: 먼저 다이나믹 패널을 만들어서 자동완성 목록을 포함시킵니다. 이 다이나믹 패널 안에 텍스트 입력 필드와 자동완성될 목록을 추가합니다.
텍스트 필드 이벤트 설정: 텍스트 필드의 입력 이벤트(예: ‘Key Up’)를 사용하여 사용자가 입력할 때 자동완성 목록을 필터링하고 조건에 맞는 항목을 표시합니다.
리피터 위젯 활용: 자동완성 목록은 리피터(Repeater) 위젯을 활용하여 관리합니다. 리피터 데이터를 조건에 맞게 필터링하여 사용자가 입력한 텍스트와 일치하는 항목만 보이도록 설정합니다.
아이템 선택 설정: 사용자가 목록에서 항목을 클릭하면 해당 항목의 값을 텍스트 필드에 입력하는 액션을 추가하여 구현합니다.
관련된 유사한 질문들과 답변들 중에서 참고할 수 있는 게시물은 다음과 같습니다:
- axure10 항목 추가할 때 질문입니다! - 리피터 기능을 다루는 강의 내용과 관련된 질문입니다.
위 내용을 바탕으로 자동완성 기능을 구현하여 보실 수 있습니다. 어려움이 있으시거나 추가적인 설명이 필요하다면 언제든지 질문해 주세요.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
변경사항 표기 방법이 궁금합니다.
0
103
1
date 위젯 날짜 표현형식 변경
0
162
2
수정된 부분만 하이라이트 표시 가능할까요?
0
343
1
Pin to browser 하게 되면 인터렉션이 작동 하지 않는 것 같습니다.
0
121
1
Classic menu-horizontal 경계선 없애는 법
0
164
2
Admin 레이아웃 구성 할 때 LNB가 한 뎁스 더 있으면 어떤 위젯을 써야하나요?
0
221
2
프리뷰 시 화면 여백 만들기 어떻게 하나요?
0
215
1
(RP11) Forms에 있는 위젯들 크기 변경이 되질 않아요
0
144
2
connect 연결 시 에러
0
183
2
노트에 폰트 기본값 설정 방법이 있나요?
0
284
3
질문
0
155
1
커스텀 위젯 추가 방법
0
356
2
프리뷰 화면에서 텍스트 선택 및 복사
0
254
1
강의 자료 pdf 오류
0
336
1
다른 페이지를 팝업으로 띄울 때 위치 지정 방법
0
663
1
앱 내 스크롤 구현
1
309
1
텍스트필드 조건에 따른 버튼 비활성화/활성화
0
517
1
텍스트 찾기 및 바꾸기
0
367
1
해당 이미지 show 한 뒤, 배경 클릭하면 hide 되도록 하고싶어요
0
380
2
다이나믹 패널 action 문의
0
466
1
다이나믹 패널 사용하지 않고 Text Action 주기
0
467
1
axure10 항목 추가할 때 질문입니다!
0
633
2
Share 할때 노트를 펼친상태로 보여줄수 있는 방법이 있을까요?
0
439
2
리피터 내 체크박스 추가해 체크박스 선택 후 삭제 버튼 누를 시 해당 row 데이터 삭제 기능
0
799
1