Wie kann ich das Erstellen neuer Tags mit select2 v4.0 deaktivieren?

Ich habe das Neue ausprobiert Select2 v4.0 die viele Verbesserungen hat. Ich interessiere mich hauptsächlich für die tags Besonderheit. Ich möchte in der Lage sein, über Ajax und nach Tags zu suchen nur können ein Tag aus den angezeigten Ergebnissen auswählen und keine neuen Tags erstellen. Die Funktionalität ist ähnlich wie bei StackOverflow – wenn Sie nicht über die erforderliche Reputation verfügen, können Sie keine neuen Tags erstellen, aber Sie können eine Frage trotzdem mit vorhandenen Tags taggen.

Hier ist ein jsfiddle mit meinem Code, der aus den Beispielen stammt. Im Beispiel können Sie neue Tags erstellen, die ich einschränken möchte. Der Benutzer sollte in der Lage sein, Tags nur aus der Liste auszuwählen, die von GitHub über Ajax abgerufen wird.

Weiß jemand, wie man diese Funktion deaktiviert?

Dies sollte funktionieren – versuchen Sie bei der Initialisierung von select2, undefined von der createTag-Funktion wie folgt zurückzugeben:

createTag: function(params) {
                return undefined;
           }

Ich habe auch damit zu kämpfen, aber es funktioniert nach ein paar Stunden.

Ich hatte ein paar Token-Trennzeichen angegeben (da meine Besucher Tags an einer anderen Stelle auf der Website erstellen dürfen). Es stellt sich heraus, dass die Trennzeichen immer noch angewendet werden, auch wenn die tags Konfiguration eingestellt ist false.

Lösung: tags: false und fügen Sie KEINEN Wert für hinzu tokenSeperators. Behalten multiple: true.

Sie können Tags deaktivieren, indem Sie sie entfernen tags: true beim Initialisieren von Select2. Oder alternativ Einstellung tags: false beim Initialisieren von Select2. Tags sind nur aktiviert wenn die tags Option ist Wahrheitdas ist es, wenn Sie vorbeikommen true.

Tags: falsch,

$("#DropDownId").select2({
       minimumInputLength: 3,
       maximumSelectionLength: 10,
       tags: [],
       **tags:false,**
    ajax: {
        url: "@Url.Action("ActionName", "ControllerName")",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                Title: params.term // search term
            };
        },
        processResults: function (response) {
            return {
                results: $.map(response, function (item) {
                    return {
                        text: item.Title,
                        id: item.NibafInstituteId
                    }
                })
            };
        }
    }
});