2013-08-04 2 views
3

typeahead.js가 항목과 일치하는 방식과 관련하여 jqueryui 자동 완성과 같이 작동하도록하고 싶습니다. jqueryui autocomplete를 사용하면 텍스트 항목을 검색 할 수 있습니다. 선견지명은 문자열의 시작 부분부터입니다.typeahead.js를 사용하여 문자열 내에서 검색 하시겠습니까?

자동 완성 예 : http://goo.gl/O43afF

선행 입력 예 : 그것은 비교 기능을 할당 할 수처럼 자동 완성으로 http://twitter.github.io/typeahead.js/examples/

것 같습니다,하지만 난 선행 입력에 그런 아무것도 발견하지 않았습니다.

"승마 (말)"항목이있는 목록이있는 경우 "o"를 쓰면 일치를 얻고 싶습니다.

답변

2

Typeahead.js 코드의 일부를 입력하여 확인할 수 있도록이 예는 지금 항상 시험 9 테스트 0의 값을 생성 당신이 정확하게 말하는 것처럼 접두어 일치를 위해. "트릭"이 있습니다. 모든 데이터에는 tokens 요소가 포함될 수도 있습니다. Typeahead 문서에서 "주어진 쿼리와 데이텀을 일치시키는 데있어 typeahead.js를 지원하는 문자열 모음"이라고합니다.

접두어 일치는 tokens에 대해 수행됩니다. 데이터 중 하나에 tokens 값을 제공하지 않으면 해당 값이 토큰 화 (공백으로 구분)됩니다. 그러나 원하는 것을 얻으려면 tokens을 제공 할 수 있습니다. 예를 들어, 귀하의 경우에는 쿼리 문자열에있는 모든 단어의 고유 한 부분 문자열 인 tokens의 값을 제공해야합니다.

나는 "길이가 고유 한 모든 부분 문자열 = 2", btw를 제안합니다.

0

typeahead의 데이터 소스는 'source'매개 변수를 통해 설정됩니다. 따라서 배열을 배열하는 대신 다른 메서드를 배치하는 것이 좋습니다. 또한 내부적으로 문자열 배열을 기대하므로 모든 것을 문자열로 포맷해야합니다.

Take a look at this fiddle for an example

편집 : 보이는 것입니다 당신이 물론 전용 "테스트"

+0

OP는 bootstrap Typeahead가 아니라 typeahead.js에 대해 구체적으로 묻습니다. 바이올린에서 시연하는 것은 Bootstrap Typeahead입니다. OP는 이미 원하는대로 동작합니다. –