web-dev-qa-db-fra.com

Tags bootstrapinput ajouter une balise avec id et valeur

J'utilise Entrée Bootstrap Tags

J'essaye d'ajouter des étiquettes dynamiquement. 

$('.div-tag').tagsinput('add', 'vino');

Le code ci-dessus fonctionne bien, mais lorsque j'essaie le code suivant: 

$('.div-tag').tagsinput('add', { id: 1, text: 'some tag' });

Je reçois l'erreur:

Uncaught Can't add objects when itemValue option is not set 

S'il vous plaît, aidez-moi à ajouter un tag avec un identifiant et une valeur.

jquerybootstrap-tags-input
13
Manish Shukla

initialiser les balises d'entrée comme 

 $('.div-tag').tagsinput({
      allowDuplicates: false,
        itemValue: 'id',  // this will be used to set id of tag
        itemText: 'label' // this will be used to set text of tag
    });

Pour ajouter une balise dynamique 

$('.div-tag').tagsinput('add', { id: 'tag id', label: 'tag lable' });

C'est tout;

16
Manish Shukla

J'ai passé quelques heures à découvrir que, ci-dessus ne fonctionnait que lorsque data-role = "tagsinput" est supprimé de votre

<input class="div-tag" />
11
Artemis909

Cette bibliothèque est cassée, ne vous inquiétez pas. La réponse acceptée ne fonctionne pas sur la version 0.8. Après 1h d’essai de plusieurs choses, je suggère de passer à une autre bibliothèque, j’ai utilisé tagEditor , où tout a fonctionné au premier essai.

6
sivann

Il n'y a rien de mal avec la bibliothèque, mais quand vous obtenez cette erreur, cela signifie qu'il y a un problème avec l'initialisation de la méthode. 

Essayez de le faire quand la page est prête comme ceci: 

$(document).ready(function(){
   $('#myInput').tagsinput({
       allowDuplicates: false,
       itemValue: 'id',
       itemText: 'label'
    });
});

$(".someButton").click(function(){
   $('#myInput').tagsinput('add', {id:1, label:"blah blah"});
}
0
molham556