2017-02-16 5 views
-1

私は、先読みまたは自動補完のテキストボックスの良い例をSymfony3で探しています。テキストボックスにテキストを入力すると、データベースで検索するためのクエリが実行され、結果を選択することができます。Symfony3先行入力/自動完了

これをSymfony3でどのように実装するのですか?どこで良い例を見つけるか?あなたはjQueryのようtypeahead.js使用することができます

答えて

1

は、次のとおりです。 https://twitter.github.io/typeahead.js/

をここでは簡単な例です: https://twitter.github.io/typeahead.js/examples/

関係なく、symfonyにおいて行うのは簡単でなければなりません。

+0

これは自動補完の標準的な方法です。私が使用できる特定のSymfony 3ソリューション/コンポーネントがあるかどうかは疑問でした。しかし、それが利用できない場合、私は標準的な方法で行くでしょう。ありがとう。 – rene

+0

私も検索して、これを見つけました:https://github.com/lifo101/typeahead-bundleしかし、私はtwitter 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を使用していますが、任意のパラメータを選択することができます。

関連する問題