2

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

[{"id":3,"text":"aut"},{"id":6,"text":"aut"}]

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

var tags = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'api/v1/tags/%QUERY',
    wildcard: '%QUERY'
  }
});

tags.initialize();

$('#tags').tagsinput({

    typeheadjs: {
      name: 'tags',
      displayKey: 'text',
      valueKey: 'id',
      source: tags.ttAdapter()
    }
});

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

4

0 に答える 0