問題タブ [bloodhound]

アプリケーションで再利用可能な請求書項目に typehead.js を使用しています。アイテムの名前を入力して提案されたアイテムを選択すると、アイテム番号、アイテム名、およびアイテムの価格が入力されます。

ローカル データを使用していたときは、すべて問題なく動作していました。しかし、別の場所 (フェッチ) からデータを取得するように切り替えたので、もう機能しません。私のjsonのフォーマットが原因だと感じています。

もう機能していないということは、入力を.typeahead入力しても何も提案されないということです。

これが私のJavascriptです：

そして、jsonを作成する私のphp

これにより、json に対して次のように生成されます。

私は typeahead プラグインを使用するのが初めてで、javascript (jquery ではない) のスキルはひどいものです。これは私のJSONです：

typeahead バンドル 0.10.5 があります。これが私の js です。

Chromeコンソールは私に与えます：

キャッチされていない TypeError: 未定義のプロパティ '長さ' を読み取ることができません

しかし、それは上記のjsソースではなく、私のjquery.2.1（縮小）ライブラリにあります。ブラウザは、入力の下にポップアップを表示しません#tbSearch。

@Mike が示唆したように、jsfiddle http://jsfiddle.net/gw0sfptd/1/ですが、ローカル json で動作するようにいくつか変更する必要がありました。これも機能しませんLOL

Davidが提案したように編集して、jsonをクリーンアップする必要があります。だから今です：

そしてjs：

しかし、Firefox コンソールでは先行入力が機能せず、(使用可能な) エラーもありません。私が望む出力は、製品コードのリストだけでなく、それらが含まれるカテゴリと gtin13 (null でない場合) です。これは、SQL がこれら 3 つのオプションすべてを検索するためです。クライアント側で製品のjavascript「クラス」を作成し、jsonを解析する必要がありますか? ブラッドハウンド全体がどのように機能するかはまだ不明です。(はい、サンプルを見て、先行入力とブラッドハウンドの両方のドキュメントを読みました) それが可能かどうかはわかりませんが、私の究極の願いは、先行入力の提案からアイテムを選択したときに、この productdatasource が productdetail にリンクされることです。 .aspx であり、categorydatasource (この質問では見えない) の項目を選択すると、ページが categorydetail.aspx にリダイレクトされます

StackOverflow のようなタグ入力を作成したいと考えています。最終的にBootstrap Tokenfieldを使用したいので、 Typeahead Bloodhoundのリモートまたはプリフェッチ データとして Meteor コレクションを使用しようとしています。

ドキュメントと例によると、JSON データへの URL は絶対に必要です。Bloodhound にデータを (できれば事後的に) 提供するにはどうすればよいですか? Meteor Typeahead パッケージを調べましたが、Meteor Tokenfield パッケージでの使用方法がわかりません。

以下は私がやろうとしたことですが、うまくいきません。:(

API を作成したくないのですが、必要な場合、どのようにデータを提供すればよいですか?

コード スニペットを次に示します。

現状では、提案は「id」でソートされており、ソートがクエリに依存するように変更したいと思います。$("#autocomplete").typeahead("val") (ソーター関数内) を含めようとしましたが、これは遅く、当面の問題にはやり過ぎのようです。

Bloodhound 提案エンジンで Typeahead.js を使用しており、ユーザーが検索ボックスをクリックするとすぐにリストが表示されるようにしたいと考えています。

このstackoverflowの質問（Twitter TypeAheadはすべての結果をプログラムで表示）を見つけました。これは私と同じで、答えはjsfiddleが問題を解決することを示しています：http://jsfiddle.net/5xxYq/

偉大な。

ただし、先行入力のソースとしてブラッドハウンドを使用しない場合にのみ機能しているようです。

たとえば、私は彼らの作業例をフォークし、typeahead ソースを Bloodhound を使用するように切り替えました: http://jsfiddle.net/5xxYq/31/。提案エンジンは正常に動作しています (入力joするとリストが表示されます) が、クリック時に提案を表示するための小さなハックが機能していないようです。

ブラッドハウンドでクリックすると提案リストが表示されるようにする方法について何か考えはありますか?

ありがとう！

I'm using Bootstrap 3.2.0 and jQuery 2.1.1.

I've implemented typeahead search suggestions and now wanted to go a step further. I am using the remote method and was hoping to send more than just the query to the PHP that will run a SQL script:

I've also tried building the URL and saving as a variable. Then attempting to call that variable in the remote.

As I don't particularly know how this url is being parsed and used or how the %QUERY is being added, I'm assuming my issue lies in my lack of knowledge around how typeahead is processing this.

I thought this would be a fairly common request, but Google has let me down. Anyone have any suggestions or can point me towards examples of sending additional info with a typeahead query?