2017-02-16 3 views
-1

저는 Symfony3에서 타입 어 퍼스트 또는 자동 완성 텍스트 박스에 대한 좋은 예를 찾고 있습니다. 텍스트 상자에 텍스트를 입력하면 쿼리가 실행되어 데이터베이스를 검색하고 결과를 선택할 수 있습니다.Symfony3 type-ahead/auto complete

어떤 제안이 Symfony3에서 어떻게 구현할 수 있습니까? 어디에서 좋은 실례를 찾을 수 있습니까?

답변

1

당신은 JQuery와 같은 typeahead.js를 사용할 수는 다음과 같습니다 https://twitter.github.io/typeahead.js/examples/

관계없이 심포니에서 쉽게 할 수 있어야한다 : 여기 https://twitter.github.io/typeahead.js/

간단한 예입니다.

+0

제안을 주셔서 감사합니다. 이것은 자동 완성을 수행하는 표준 방법이며, 사용할 수있는 특정 Symfony 3 솔루션/구성 요소가 있는지 궁금합니다. 그러나 이것이 가능하지 않다면 나는 표준 방식으로 갈 것이다. 감사. – rene

+0

나는 또한 검색을했고 이것을 찾았습니다 : https://github.com/lifo101/typeahead-bundle 그러나 트위터 typeahead.js가 더 나은 해결책이라고 생각합니다. 구현하기가 더 쉬울 것이라고 생각합니다. 처음에는 그 경로를 추천했기 때문입니다. –

0

나는 JQuery와, FosJsRouting 및 Typeahead를 사용하여 이러한 일을 사용하는 프로젝트에서 코드 :

$('input.typeahead').typeahead({ 
     highlight: true, 
     source: function (valor, process) { 
      var search = Routing.generate('YOUR_ROUTE_NAME', {value: value});     
       return $.get(search, function (data) { 
        states = []; 
        map = {}; 
        $.each(data, function (i, state) { 
         map[state.id] = state; 
         states.push(state.id); 
        }); 
        return process(states); 
       });     
     }, 
     updater: function (item) { 
      //After select use the option you selected 
      $(".table tbody").append('<tr><td>map[item].id</td></tr>'); 

     }, 
    }); 

은 내가 JSON 선택할 수 원하는 매개 변수로 id을 사용하지만, 당신은 어떤 매개 변수를 선택할 수 있습니다.