트위터에서 만들어준 Typeahead.js가 있고,

이걸 bootstrap3 기반으로 활용할 수 있도록 만든 Bootstrap3  Typeahead가 있습니다. 

이 포스팅에서는 후자에 대한 이야기고요. 


일단 URL부터 정리하면 다음과 같습니다. 


1. typeahead.js : https://github.com/twitter/typeahead.js

2. Bootstrap3 Typeahead : https://github.com/bassjobsen/Bootstrap-3-Typeahead



typeahead은 autocomplete 기능을 제공하기 때문에 사용하고 있슴다. 


검색이된 item 중에 첫 번째 요소를 무조건 선택한 상태로 만들고 싶었고, 그것은 아래와 같은 코드고 가능했습니다.




여기서 autoSelect : true로 설정하면 검색된 item 중 첫 번째 item을 선택해줍니다. 

검색 도중에 모바일에서 -> 키나 완료, done을 누르는 경우가 많기 때문에 

이러한 설정을 해줌으로써 사용자가 좀 더 편리하게 사용할 수 있도록 하는 것이죠 !! 





+ Recent posts