2017-02-22 2 views
0

Ich werde Bootstrap-Tags-Eingabe verwenden, ohne neue Tags hinzufügen (nur Tags entfernen). Wie deaktiviere ich das Hinzufügen neuer Tags?Wie deaktiviere ich das Hinzufügen neuer Tags in bootstap tagsinput?

ich letzte Bootstrap tagsinput v0.8.0 bin mit mit twitter Bootstrap 3.

Hier ist mein Code-Schnipsel:

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

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

Antwort

0

Sie bootstrap-tagsinput.js Datei ändern können.

finden maxTags:, Linie und machen es maxTags: 0,

Dann wird es keine neuen Tags hinzufügen.

Auf diese Weise habe ich die Funktionalität erreicht. Hoffe, das hilft!

+0

Diese Option ist in der offiziellen Dokumentation dokumentiert, und wenn sie 0 ist, bedeutet dies, dass die Anzahl der Tags unbegrenzt ist. Auch in diesem Fall (wenn Sie maxTags als "1" definieren) können Sie Tags löschen und neue hinzufügen, was für mich nicht akzeptabel ist. –

1

Versuchen beforeItemAdd Ereignis zu verwenden: Read-only

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

dies funktioniert, und Sie können auch das selbe für beforeItemRemove tun, um das Tagit-Feld schreibgeschützt zu machen –

0

Wie wäre es macht das Eingabefeld? Dadurch kann kein Benutzer den eingegebenen Text eingeben.

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