jQuery 자동 완성 결과 순서

Question

jQuery-autocomplete plugin을 사용하여 서버에 대한 AJAX 호출을 사용하여 입력 문자열의 완성을 제안합니다. 또한 서버는 결과를 원하는 순서대로 반환하지만 자동 완료는 다른 순서로 결과를 표시합니다.

jQuery 자동 완성을 구성하여 출력 순서를 변경하지 못하게하려면 어떻게해야합니까? 데이터가 이미 필요에 따라 정렬/정렬되었으므로 클라이언트 측에서 어떤 종류의 처리도 필요하지 않습니다.

Answer 1

음, 생각보다 간단 밝혀졌다. 필자는 플러그인의 코드를 읽고 내 출력을 정렬하는 코드를 주석 처리하여 수정했습니다.

내가 'sortResults : true'변수를 발견했을 때입니다. 그래서 필요한 것은 변수를 false로 설정하는 것입니다. 나는이 문서에서 찾지 못했습니다.

$('#search').autocomplete ({ url: "index.php", sortResults: false })

이제 출력은 내가 필요로하는 정확한 순서입니다. jQuery "Autocomplete" plugin is messing up the order of my data 을 (즉, 같은 플러그인 없음)

감사 :

는 여기에서 문제를 해결/찾을 수있는 코드를 읽기의 아이디어를 얻었다. :)

Answer 2

자동 완성으로 보내기 전에 서버 결과를 정렬하기 만하면됩니다. 당신이 $return_arr

에 sort() 기능을 사용 echo json_encode($return_arr); 전에

그래서 당신이 뭔가를 시도 할 수 있습니다 : 논리 용어로 시작하는 일치의 배열을 구축하는 것입니다

다음 그 단어를 포함하는 일치하지만 그 단어로 시작하지 말라.

$(document).ready(function() { 
    var source = ['Adam', 'Benjamin', 'Matt', 'Michael', 'Sam', 'Tim']; 
    $("input").autocomplete({ 
     source: function (request, response) { 
      var term = $.ui.autocomplete.escapeRegex(request.term) 
       , startsWithMatcher = new RegExp("^" + term, "i") 
       , startsWith = $.grep(source, function(value) { 
        return startsWithMatcher.test(value.label || value.value || value); 
       }) 
       , containsMatcher = new RegExp(term, "i") 
       , contains = $.grep(source, function (value) { 
        return $.inArray(value, startsWith) < 0 && 
         containsMatcher.test(value.label || value.value || value); 
       }); 

      response(startsWith.concat(contains)); 
     } 
    }); 
}); 

예 :http://jsfiddle.net/zkVrs/

출처 :https://stackoverflow.com/a/8302996/973155

Answer 3

jQuery 자동 완성 플러그인의 현재 빌드에는 sortResults 옵션이 없으므로이 문제에 대한 다른 해결책을 찾아야하고 플러그인이 결과를 정렬하는 유일한 이유는 서버 응답이 정상이 아닌 경우마다 정규화된다는 것입니다. 객체가있는 순수한 배열 {label : ..., value : ...}.

PHP를 사용 언어로 생각하면 json_encode (array_values ​​($ your_array)); 트릭을해야합니다.