問題タブ [bootstrap-tags-input]

タグ プラグインのフロントエンドを探していて、Bootstrap Tags Inputという素晴らしいライブラリを見つけました。それらには多くの例がありますが、tags.textをテキストとして表示し、 tags.idを表示しようとすると問題が発生します。入力の値として、これは次のような私の JSON データです。

これまでの私のJavascriptは次のようになります:

itemValueとitemTextオプションを使用しようとしましたが、JavaScript 関数でそのオプションを設定すると、ユーザーは新しいタグを追加できません。両方のオプションなしで入力フォームにテキストを表示すると、それは可能ですか?

jqueryオートコンプリートでbootstrap-tokenfield http://sliptree.github.io/bootstrap-tokenfield/を使用しています。オートコンプリート コンテンツでタグ付けしたい (ドロップダウンからのみ)。ユーザーが何かを入力して Enter キーを押すと、自動的にタグが作成されます。この機能をユーザーに許可したくありません。それを設定するオプション/フラグはありますか？どんな助けでも大歓迎です。前もって感謝します。

ソースからのオートコンプリートが表示されず、エラーもありません。tagsInput で静的配列データを使用してオートコンプリートをロードする方法。事前に感謝します..ところで、tagsInputが適切に初期化されていないことを尋ねるかもしれません.ready function（）内にあり、コードフォームコンソールも実行してみました

デフォルトの Bootstrap-TagsInput confirmKeys、つまりenter=13またはcomma=をすぐに使用することができません188。これは、Typeahead.jsの有無にかかわらず当てはまります。キーを確認すると、そのキーをクリックしてタグを作成できます。

タグが文字列なのかオブジェクトなのかが問題だと思います。Tagsinput デモを見ると、「Typeahead」の例では、デフォルトconfirmKeysの 、enterまたはでタグを作成できますcommaが、そのすぐ下の「タグとしてのオブジェクト」の例ではできません。

confirmKeysオブジェクトタグを使用する方法はありますか?

Bootstrap/TagsInput をフォームに適切に適用する方法を理解するのに問題があります。

私の目標は、TagsInput を使用する 1 つのフィールドとそれを使用しない別のフィールドを持つフォームを作成することです。

2 つの問題があります。

1. TagsInput は、 data-role="tagsinput" で指定したものだけでなく、任意のフォーム フィールドに適用されるようです
2. フォーム フィールドは常にタグの「直前」にあるため、タグはフォーム フィールド内にとどまりません。

コードは次のとおりです。

ここに私のコードを含む JSFiddle があります: https://jsfiddle.net/gg6rwmwa/1/

私は JavaScript/CSS を初めて使用するので、どこで間違っているかについてのガイダンスをいただければ幸いです。

同様のスタックオーバーフローの質問をいくつか見つけましたが、これらの 2 つの点に正確に当てはまった (そして回答を提供した) ものはありませんでした。

助けてくれてありがとう！

私はまだ JS、jQuery、および Ajax に慣れていません。これについての適切な方法がわかりません。製品をリストするページがあり、私の仕事は、ユーザーがリストのあるページの各製品にタグを追加できる機能を追加することです。そのため、製品を表示するテーブルに、tags_#productId (tags_10093) の ID を持つ入力フィールドを追加して、各フィールドが一意になるようにしました。

ここで、各フィールドに .on(beforeItemAdd...) を呼び出せるようにする必要があります。タグを追加するたびに、作成したタグをデータベースに保存する関数をコントローラーで呼び出します。また、これと同じ概念を使用して、ページの読み込み時にその製品に既に割り当てられているタグをフィールドに入力します。

私が問題を抱えているのは、この呼び出しの書き方を決めることです。入力は、製品に基づいて foreach ループでレンダリングされます。Ajax スクリプトを同じ foreach ループでレンダリングして、正しいクラスを同時に取得できるようにするのは「適切」でしょうか?

ブートストラップ 3 タイプアヘッドをタグ入力と統合するのに問題がありますが、オブジェクトはタグとして統合します。入力フィールドで先行入力のみを使用すると機能しますが、タグ入力と統合すると機能せず、本当にイライラするエラーも発生しません。これが私のコードです：

私は何か間違ったことをしていますか、それともこれはバグですか?

誰かがこれの実際の例を持っている場合、私は本当に助けていただければ幸いです.bootstrap 3 typeaheadの代わりにtypeahead.jsにすることができます.私もそれを使用しようとしましたが、うまくいきます.先行入力のオプションをクリックして入力すると、そのオプションをタグとして受け入れるだけでなく、フォーム全体が送信されます。

次の前のナビゲーションをクリックすると、フォームに重複フィールドが表示されるブートストラップ選択ピッカー.フクロウカルーセルスライダーでフォームを使用しています。これはフクロウのカルーセルの問題ですか、それともブートストラップの問題ですか。私はrent it htmlテーマを使用していますが、テーマ自体に問題があります。ブートストラップ バージョン v1.6.3。

タグの送信を処理するために、ブートストラップ タグの入力を使用しています。私もacts-as-taggable-onを使っています。

フォームに情報を入力するとうまくいきます。正しく記入されたフォームを送信すると機能します。ただし、検証に失敗した場合、ページは以前のタグが 1 つのタグに結合されてレンダリングされます。

送信前の html は次のとおりです。

検証失敗後

私のコントローラー：

ユーザーが入力したときと同じように、このパラメーターを複数のタグとして表示する方法が必要です。