의 jQuery 자동 완성 '검색'방법

Question

나는 JQuery와 UI 자동 완성을 사용하고

,이

 
var opt_source = {...} 
var options = { 
      minLength: 0, 
      source: opt_source, 
      search: "aPreDefinedString" 
     }; 
$(".searchable_input").autocomplete(options); 

아래의 코드 내 understanding는 지금 aPreDefinedString 검색해야 할이다; 이는 발생하지 않으며 로컬 소스에서 userInput을 검색합니다. 누군가 내가 잘못 가고있는 것을 지적 할 수 있습니까?

Answer 1

나는 위젯에서 searchevent과 searchmethod을 혼합하고 있다고 생각합니다. 위젯을 초기화하는 데 사용되는 options 오브젝트 (수행중인 작업)에서 이벤트에 대한 이벤트 핸들러를 지정할 수 있습니다. 당신이 search방법를 부를 것이다

방법은 다음과 같이이다 :

$(".searchable_input").autocomplete("search" , "aPreDefinedString"); 

이 수동으로 자동 완성 검색합니다.

Answer 2

OK, 이것은 내가 이것은 JQuery와 UI에서

(나는 그들이 향후 버전에서 휴식 그나마 희망) 붙박이 검색을 대체 할 것으로 보인다

 
var opt_source = {..}; 

var options = { 
      minLength: 0, 
      source: function(request, response){ 
       response(opt_source); 
      } 
     }; 
$(".searchable_input").autocomplete(options); 

일을했습니다 방법입니다 documentation

세 번째 변형 인 콜백은 유연성을 제공하며 모든 데이터 소스를 자동 완성에 연결하는 데 사용할 수 있습니다. 콜백은 두 개의 인수를받습니다.

현재 텍스트 입력에있는 값을 참조하는 "term"이라는 단일 속성을 가진 요청 개체입니다. 예를 들어 사용자가 도시 필드에 'new yo'를 입력하면 자동 완성 용어는 'new yo'와 같습니다. 응답 콜백. 단일 인수에 사용자에게 제안 할 데이터가 들어 있어야합니다.

이 데이터는 제공된 용어를 기반으로 필터링되어야하며 간단한 로컬 데이터 (String-Array 또는 label/value/both 속성을 갖는 Object-Array)에 대해 위에서 설명한 형식 일 수 있습니다. 요청 중에 오류를 처리하기 위해 사용자 정의 소스 콜백을 제공 할 때 중요합니다. 오류가 발생하더라도 항상 응답 콜백을 호출해야합니다. 위젯이 항상 정확한 상태를 유지하도록 보장합니다.

Answer 3

내 코드는 다음과 같습니다.

var availableTags = ['aa','bb','cc']; 

$("#filterinput").autocomplete({ 
         source: availableTags, 
         autoFocus: true, 
        }); 

$("#filterinput").on("autocompletesearch", function(event, ui) { 
         console.log($(this).val()); 
        });