검색시 autocomplete 기능구현을 위한 Bootstrap-3-Typeahead 커스텀 요청

[gitaeks]

@kieregh , 검색시 autocomplete 기능구현을 위해 Bootstrap-3-Typeahead 를 익스텐션 추가하고 연계된 예제를 추가하였습니다.

bootstrap3-typeahead.js에서 마크업 생성 부만 수정하여 rc-typeahead.js로 생성하여 예제에 임포트 하였습니다.

데모

http://rc.kimsq.com/examples/search/autocomplete.html

문제 및 요청사항

검색어 입력시 자동으로 생성되는 아래 마크업이 bar영역에 생성되어 화면구성이 깨짐
.content 내부에 생성되도록 변경이 필요합니다.

<ul class="table-view">
  ...
</ul>

[gitaeks]

검색창이 대부분 bar영역에 위치하는데요.
page의 bar에 위치한 경우와 modal의 bar에 위치한 경우가 있을 것 입니다.

검색창이 모달에 적용되었다면 검색된 아이템을 tap 했을 때 .modal('hide') 가 되고 지정된 링크 또는 함수와 연결되여야 할텐데요. 이부분을 어떻게 RC 익스텐션 차원에서 구조화(옵션,이벤트,메소드) 할지가 핵심일것 같습니다.

모바일에서 검색행위는 중요한 만큼, 자주 활용될 여지가 있는 익스텐션으로 판단됩니다.

참고

• typeahead.js
• Bootstrap-3-Typeahead