Bootstrap tagsinput Добавить элемент статьи

Question

Итак, я начал сегодня с использованием этой загрузки bootstrap-tagsinput. Сначала я попытался добавить новый тег динамически, я потратил около часа на выполнение этой простой задачи, и у меня все еще есть та же проблема. Heres код я использую:

$("#test").tagsinput({ 
    allowDuplicates: true, 
    itemValue: function(item) { return item._id; }, 
    itemText: function(item) { return item.name; } 
}); 

$("#test").tagsinput('add', {_id: 1, name: 'Testing'}); 

В результате я получаю: Uncaught Невозможно добавить объекты, когда параметр ItemValue не установлен , но как вы можете видеть, я бы установить ItemValue. Я также поставил код в JSFiddle file, чтобы вы могли легко протестировать. Я заметил, что не только itemValue не устанавливается, но и ни один из моих параметров, потому что я также не могу дублировать теги (но я разрешаю его по параметрам).

Кто-нибудь знает, что происходит?

Answer 1

Прежде всего:

Просто добавьте данные-роль = «tagsinput» для вашего поля ввода автоматически изменять его в поле ввода тегов.

Я только что снял текст с this site.

Итак, если вы используете этот атрибут (я видел его в вашей скрипке), вы не должны повторять это снова на javascript позже.

Кроме того, свойства itemValue и itemText, вы должны передать только имя свойства, которое компонент будет искать внутри элемента.

$("#test").tagsinput({ 
    allowDuplicates: true, 
    itemValue: '_id', 
    itemText: 'name' 
}); 

$("#test").tagsinput('add', {_id: 1, name: 'Testing'}); 

Вашей скрипка обновление: http://jsfiddle.net/7fp5hh2j/3/