私は、先読みまたは自動補完のテキストボックスの良い例をSymfony3で探しています。テキストボックスにテキストを入力すると、データベースで検索するためのクエリが実行され、結果を選択することができます。Symfony3先行入力/自動完了
これをSymfony3でどのように実装するのですか?どこで良い例を見つけるか?あなたはjQueryのようtypeahead.js使用することができます
私は、先読みまたは自動補完のテキストボックスの良い例をSymfony3で探しています。テキストボックスにテキストを入力すると、データベースで検索するためのクエリが実行され、結果を選択することができます。Symfony3先行入力/自動完了
これをSymfony3でどのように実装するのですか?どこで良い例を見つけるか?あなたはjQueryのようtypeahead.js使用することができます
は、次のとおりです。 https://twitter.github.io/typeahead.js/
をここでは簡単な例です: https://twitter.github.io/typeahead.js/examples/
関係なく、symfonyにおいて行うのは簡単でなければなりません。
私は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
を使用していますが、任意のパラメータを選択することができます。
これは自動補完の標準的な方法です。私が使用できる特定のSymfony 3ソリューション/コンポーネントがあるかどうかは疑問でした。しかし、それが利用できない場合、私は標準的な方法で行くでしょう。ありがとう。 – rene
私も検索して、これを見つけました:https://github.com/lifo101/typeahead-bundleしかし、私はtwitter typeahead.jsが良い解決策だと思います。私はそれを実装する方が簡単だと思います、なぜ私はそのルートを推奨したのですか。 –