問題タブ [bootstrap-tokenfield]

JSONを使用して先行入力でブートストラップトークンフィールドを実装しようとしています。

これら 2 つの機能は単独では非常にうまく機能しますが、それらを組み合わせようとすると機能しません。

先行入力:

トークンフィールド

2つを組み合わせる必要があると、行き詰まります。

Bootstrap-tokenfield の Web サイトhttp://sliptree.github.io/bootstrap-tokenfield/

ここに私のテストコードがあります:

入れようとしましjsfiddleたが、動作が歪んでしまいます。ここで見ることができます：http://jsfiddle.net/kongakong/aadt6xww/7/

初回ロード時はこんな感じ

ただし、テキスト入力に触れると、テキスト入力が拡大し、画面の全幅を占めます (おそらくそれ以上)。ドロップダウンの一部が画面から押し出され、結果として選択肢が見えなくなります。

コードの何が問題になっていますか?

Bootstrap Tokenfield から ID を投稿する方法を知りたいと思っていました。

次の jsfiddle を作成しました: http://goo.gl/MiQajX

Twitter の先行入力とブートストラップ トークン フィールドを連携させることを目的としています。問題は、投稿時に送信される値が、トークンの ID 値ではなく、トークン ラベルのコンマ区切りのリストであることです。

理想的な機能は、入力タグの値を ID の文字列として POST することです。つまり、「1,3,7,12」です。また、入力フィールドに文字列を含むページが読み込まれると、tokenfield は入力フィールドに自動的に値を入力します (ページを編集できるようにするため)。

これは非常に基本的な動作であるため、他のユーザーがこれを理解していると確信しています。特に、このコードが DOM とどのように相互作用するかの内部構造を理解する上で、どんな助けも歓迎します。

この問題は何日も私を悩ませてきました.bootstrap-tokenfieldからtag-itへの切り替えにイライラした後、問題を解決することにあまり成功しなかったので、ここに投稿しています. ユーザーがタグを修正できるようにするモーダル編集フォームがあります。編集フォームにタグを表示すると、しかし、私はこれを取得します:

ここでコントローラーにこのセットアップがあります：

モデルからのこのセットアップが機能しなかった場合: def tag_list tag_list = []

ヒントや支援をいただければ幸いです

このコードは、リモートクエリがなくても問題なく機能します。リモートクエリを入れた瞬間、機能しません

これがコードの連中です。どこが間違っている可能性がありますか。理想的には、キーアップでデータベースにクエリを実行するブートストラップの先行入力を実装しようとしています。

ブートストラップ Tokenfield ライブラリを使用しています。私のプロジェクトには、クリックすることでトークンを編集できるが、入力することはできないというケースがあります。新しいピルを追加するための特別なフォームがあります。入力フォームでの入力を無効にする方法はありますが、クリックしてピルを削除および追加することはできますか?