결론부터 말하면 이번 포스팅은 아래 주소에서 제공되고 있는 라이브러리에 대한 이야기 !!


url: https://github.com/bassjobsen/Bootstrap-3-Typeahead



저는 2시간 전까지 typeahead 만을 활용해왔는데 이게 기본 설정이 첫 번째 요소를 선택하는 형태는 아닙니다.

해결할 수 있는 방법이 꽤 많이 있긴 하던데, 내가 잘못한 것이겠지만 적용이 안되서 문제가 있었어요. 


그래서 찾아본 결과 Bootstrap에 적합하게 변경한 듯한 Typeahead를 찾았고 적용했고, 

기본적으로 첫 번째 요소를 선택하는 것이 가능해졌습니다. 


그래서 간단하게라도 정리!! 


1. 일단 생성하는 방법부터 기본 Typeahead와는 차이가 있어요. 

   아래는 예시입니다. Bootstrap3 Typeahead + Bloodhound 형태이구요 :) 

   

 

  생성 시 autoSelect: true 로 적용하는 것이 첫 번째 요소를 자동으로 선택해주는 기능을 설정하는 것입니다. :)


2. 사용자가 선택한 경우에는 Bootstrap3 Typeahead에서 제공하고 있는 autoSelect를 활용하면 됩니다. 

    예는 아래와 같습니다. 

   

 

   Bootstrap3 Typeahead 홈페이지 문서를 보면 아래와 같은 방식으로도 사용하네요. 

   이건 jQuery의 기능을 그냥 활용하는 것 같기도 하구요. 

   

   

   마음 같아서는 angularjs로 바로 변경하고 싶으나 공부를 먼저해야겠죠 ㅠ 

 


+ Recent posts