2013-08-19 5 views
0

여러 기사와 게시물을 읽었습니다 ... 많은 혼란이 있습니다.Twitter Typeahead 사용자 지정 데이터

부트 스트랩 타입 어 헤드는 스타터 용 트위터 타입 어 헤드와 동일하지 않습니까 ??

// NOTE: Initiate auto-complete 
    $('#edit-keyword').typeahead({ 
    remote: '/products/autocomplete.json/%QUERY', 
    wildcard: '%QUERY' 

    }).bind('typeahead:selected', function(object, datum) { 
    console.log(datum); 
    }); 

잘 작동하지만 자료가 텍스트 필드에 입력 한 경우에만 "텍스트"값을 포함

어쨌든 나는 다음과 같은 간단한 코드가 있습니다. 반면 JSON은 키워드의 ID와 텍스트 버전을 반환합니다. 선택 핸들러 내에서 해당 ID 값을 가져와야합니다.

아이디어가 있으십니까? 이 작업을 수행 할 수있는 방법을 설명하는 기사 링크 (부트 스트랩 선행 입력에 대한 인)과 유사한 매우 편리 할 것입니다 : 것 같다

http://tatiyants.com/how-to-use-json-objects-with-twitter-bootstrap-typeahead/

감사합니다 :)

답변

2

그 valueKey을 제공 : ' name '은 구성의 일부로 전체 데이터 객체가 기본 텍스트 값 대신 채워지도록합니다.

HTH

+1

감사합니다. 나는 typeahead 0.9.3을 사용하고있다. 나는 countryName과 isoCode 속성을 가진 JSON 배열 객체를 가지고있다. valueKey를 countryName으로 설정하고,이를 사용하여 드롭 다운에 표시 한 다음 typeahead : selected 메소드에서 전체 데이텀을 반환합니다. – Benno

관련 문제