2017-02-22 14 views
0

Я собираюсь использовать bootstrap tagsinput без добавления новых тегов (удалять только теги). Как отключить добавление новых тегов?Как отключить добавление новых тегов в bootstap tagsinput?

Я использую последнюю самозагрузки tagsinput v0.8.0 с Twitter Bootstrap 3.

Вот мой сниппет:

<input id="removeonlyinput" type="text" value="Amsterdam,Berlin,Lisbon" data-role="tagsinput" /> 

<script> 
$('#removeonlyinput').tagsinput({ 
     freeinput: false 
}); 
</script> 

ответ

0

Вы можете изменить bootstrap-tagsinput.js файл.

найти maxTags:, линию и сделать его maxTags: 0,

Тогда это не будет добавлять новые теги.

Таким образом, я достиг своей функциональности. Надеюсь, это поможет!

+0

Этот вариант документально оформлен в официальной документации, и если он установлен 0, это означает неограниченное количество тегов. Кроме того, в этом случае (если вы определяете maxTags как «1»), вы можете удалить тег и добавить новое, что неприемлемо для меня. –

1

Попробуйте использовать beforeItemAdd событие:

$('#removeonlyinput').on('beforeItemAdd', function(event) { 
    event.cancel = true; 
}); 
+0

это работает, и вы также можете сделать то же самое для beforeItemRemove, чтобы поле tagit 'read only' –

0

Как о создании поля ввода только для чтения? При этом ни один пользователь не может вводить текст ввода.

$('input[type=text]').prop("readonly", true); 

 Смежные вопросы

  • Нет связанных вопросов^_^