問題タブ [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.
twitter-bootstrap - Typeahead.jsで強調表示するためにテンプレートの一部を無視するには?
カスタム テンプレートと Bootstrap css fileを使用して、bloodhound で typeahead を使用しています。私のテンプレートは、上記の最初のリンクにあるように、次のようになります。
残念なことに、テンプレートで一致するすべての要素は、選択時に「tt-highlight」css クラスを取得するため、強調表示されます。見る:
ページの HTML では、次のようになります。
テンプレートのパーツを強調表示したくありませんGroeitijd: {{growingTime}}
。すべての強調表示を削除する方法は知っていますが、テンプレートの特定の部分については知りません。
これをどのように達成できるか知っている人はいますか?どうもありがとう。
javascript - ブラッドハウンドから発信者を取得するにはどうすればよいですか
Bloodhound で typeahead を使用しており、Bloodhound から呼び出し元の要素 ID を取得する必要があります。これはコードです:
ご覧のとおり、たとえば、%COUNTRY を次のように置き換え$('#country_1').val()
ますが、発信者 ID が必要で、インデックスを取得してから、正しい country_id を取得します。$('#country_+caller.getPartOfId()).val()
これは可能ですか?
typeahead.js - Typeahead Bloodhoundトークナイザー - ワイルドカード検索?
https://github.com/twitter/typeahead.js
Bloodhound で検索語をワイルドカード化するオプションはありますか?
たとえば、説明が "Import from film_actor" の場合、検索では映画は検索されますが、俳優は検索されません。*term*
だけでなく検索したいterm*
。
これが私のセットアップです:
php - Typehead Bloodhound、結果が未定義として表示されます。JSON タイプが間違っていますか?
Typeahead を使用してオートコンプリート検索テキスト ボックスを作成していますが、ドロップダウンの結果が未定義として表示されます。どうやらPHPはJSONを構築するようです。私はそれをテストしました。問題は、間違った JSON タイプである可能性があります。PHPは次のとおりです。
そして、ここにスクリプトがあります:
JSON の例を次に示します。
誰でも問題を見つけることができますか??
knockout.js - Bloodhound での Twitter のタイプアヘッドは、Knockout バインディングでリストを更新しません
これは難しいかもしれません - 私は Twitter のタイプアヘッドを Bloodhound エンジンとカスタム Knockout バインディングで使用しようとしています。私の例では、2 つのアスリート (フットボールとサッカー) のリストがあります。タイプアヘッドを使用してリストの 1 つからアスリートを選択し、ドロップダウンを使用してどのリストからプルするかを選択しています。
ドロップダウンからスポーツを選択すると、Bloodhound エンジンが適切なアスリートで初期化され、typeahead が作成されます。スポーツが変更されると、新しいアスリートのリストを使用して新しい Bloodhound エンジンが作成されます。問題は、タイプアヘッドがまだ新しいリストではなく最初のアスリートのリストを使用していることです。
デバッグを行ったところ、Bloodhound エンジンが新しいリストで再作成され、Twitter の先行入力が更新されたソースを取得することがわかりました。しかし悲しいことに、使用すると古いリストが表示されます。私はこのフィドルを証拠として提出します。スタイルは気にしないでください。これは進行中の作業です。コードを簡単に説明するには:
一番上にあるのはAthleteTypeahead
クラスで、カスタムathleteTypeahead
バインディング (クラスのすぐ後にある) が提案エンジンと先行入力を初期化するために作成します。下部にあるのは、2 つの異なるアスリート リストを作成するビュー モデルです。デバッグと私の正気のために、選択したアスリートの完全なリストをビューに表示しconsole.log
、新しい Bloodhound 提案エンジンが作成されるたびにリストを送信しました - 両方のリストが正しく更新されます。clear()
完全に新しいエンジンですが、新しいエンジンを作成するときに電話をかけてみましclearPrefetchCache()
たが、運もありません。考え?