問題タブ [bloodhound]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Typeahead から Bloodhound にパラメーターを渡しますか?
Typeahead でフォームを設定しています。2 つの入力フィールドが隣り合っており、それぞれにオートコンプリートが必要です。私のHTMLは次のようになります。
各inputフィールドは、API エンドポイントを参照してオートコンプリートされます。/api/1.0/code?type=presentation&code=123これは、またはの形式である必要があり/api/1.0/code?type=chemical&code=123ます。
API 呼び出しのパラメーターの値は、各入力フィールドの横にtypeある要素の値に依存する必要があります。<select>
type私が抱えている問題は、パラメータがどうあるべきかを Bloodhound に伝える方法がわからないことです。
理想的にはそれを Bloodhound に渡したいのですが、その方法がわかりません。これは私のJavaScriptです:
どんな提案にもとても感謝しています。
twitter-bootstrap - twitter-typeahead の例によると、twitter ブラッドハウンド エンジンが機能しない
私はかなり前から Twitter の先行入力を使用してきましたが、これは私のリモート データにとって非常に簡単で便利です。ここで、堅牢なブラッドハウンド エンジンを使用できるように、最新バージョン (typeahead.js 0.10.5) にアップグレードすることにしました。私はブラッドハウンドにかなりの問題を抱えています.
リンクが正常に機能し、すべての国が表示されるためurl、私が呼び出している は正しいと思います。私が変更prefetchした唯一のことは、どちらでもremote機能しませんprefetch。また、スタックエクスチェンジで他の例を試してみましたが、ヘッダーでスクリプトを正しく呼び出していることを示唆していますが、Twitter が提供する URL に変更すると機能しません。twitter-typeahead の例からコピーしたコードを正しく使用しているかどうかを知りたいです。
javascript - Bloodhound.js: リモート ソースから返されたデータを変換しますか?
リモート API で Bloodhound を使用しており、リモート API から返された結果を変換する必要があります。
API URL はhttps://www.googleapis.com/books/v1/volumes?q=quiltingitemsで、リストであるプロパティを持つオブジェクトを返します。トップレベルのオブジェクトではなく、そのリストを Typeahead に返す必要があります。
ブラッドハウンドのドキュメントによると、これを行うはずの機能があるとのことですが、transform機能させることができません。
これが私のコードです：
ここにJSFIddleがあります：http://jsfiddle.net/2Cres/46/
リストを先行入力UIにフィードする必要があるため、itemsこれは機能しませんが、これは起こっていないようです。
typeahead - Bloodhound - 入力した検索文字列で始まる候補が先行入力に表示されない
私はこれを数時間トラブルシューティングしてきましたが、役に立ちませんでした。
基本的に、次のコードでは、リモート提案プロバイダーから正しい結果を取得します。
しかし、提案が検索文字列で始まる場合、表示されません...アイデア？
ありがとう！
javascript - Twitter Typeahead Bloodhound Remote Spring MVC 文字のデコードに失敗しました
私は Twitter Typeahead (typeahead.js 0.11.1) を初めて使用し、リモート オプションを使用して Thymeleaf + Spring MVC で構成しようとしています。
ここに私のコントローラクラスがあります:
ここに私のJavaScriptコードがあります:
アプリケーションを実行しようとすると、次のメッセージが表示されます。
これを解決する方法はありますか?
javascript - TypeAhead.js と Bloodhound が奇数の結果を表示している
フロントエンドに TypeAhead/Bloodhound の実装があり、Play/Scala サーバーから JSON データをフェッチします。Typeahead バージョンは 0.11.1 です。実装は次のとおりです。
HTML:
JavaScript:
サーバーが返す JSON 応答:
サーバーは結果をページングして、最大 5 つの結果が得られるようにします。これは、Typeahead/Bloodhound のデフォルトの制限でもあるはずです。
問題は、サーバーが 5 つの結果を返すと、Typeahead がオーバーレイに 0 の結果を表示することです。サーバーが 4 つの結果を返す場合、TypeAhead はオーバーレイに 1 を表示します。サーバーが 3 つの結果を返す場合、TypeAhead は 2 つの結果を表示します。2 と 1 の結果では、オーバーレイに正しい要素数が表示されます。ページの長さを削除し、サーバーが 10 件を超える結果を返した場合、TypeAhead は 5 件の結果 (制限) を表示します。フィルター内の console.log は、正しい数のデータ結果を示しているため、少なくとも Bloodhound に送られます。
このコードの問題は何ですか? この TypeAhead-field は、このページに存在する唯一の TypeAhead-field です。DOM を確認したところ、TypeAhead が間違った量の結果セット フィールドを生成するため、CSS の問題ではありません (すべてのカスタム CSS も削除しようとしました)。
返信ありがとうございます:)