タグ プラグインのフロントエンドを探していて、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()
}
});
itemValueとitemTextオプションを使用しようとしましたが、JavaScript 関数でそのオプションを設定すると、ユーザーは新しいタグを追加できません。両方のオプションなしで入力フォームにテキストを表示すると、それは可能ですか?