Wählen Sie keine Daten von Ajax Anruf anzeigen

Question

Ich benutze selectize js, um eine Suchfunktion zu haben und lässt den Benutzer mehrere Elemente basierend auf der Suche auswählen. Mein Problem ist, dass die Daten korrekt abgerufen werden, aber die Daten werden vom Steuerelement nicht angezeigt. Hier ist, wie ich es mache.

Die Steuerung:

<label>Skills Required</label> 
<select id="skills-ddl" class="form-control" placeholder="Search skills.." multiple ></select> 

Js:

$(function() { 
    var $select = $('#skills-ddl').selectize({ 
     valueField: 'Id', 
     labelField: 'Name', 
     load: function (query, callback) { 
      $.ajax({ 
       url: '/ClientProjects/GetSkills?keyword=' + encodeURIComponent(query), 
       success: function (response) { console.log(response); $select.options = response; callback(response); } 
      }); 
     } 
    }); 

    var selectize = $select[0].selectize; 

}); 

Hier ist ein Screenshot der Daten gibt es:

Wenn ich Backspace drücken, wird der Suchtextfeld leer machen die Das vorherige Ergebnis wird angezeigt.

EDIT:

Hier ist, wie meine Antwortdaten wie folgt aussehen:

Answer 1

Ich glaube, Sie fehlen searchField Attribut, aufgrund derer sie nicht in der Lage zu verstehen, welches Attribut es in Ihrem Drop-Down zu zeigen hat, wenn Sie in es eingeben.

Versuchen Sie, searchField: 'Name' nach labelField: 'Name', hinzuzufügen, die die Filter-Namen in der Dropdown-Liste geben wird.

Ihr js-Code sollte wie folgt aussehen. Hoffe, es wird für Sie funktionieren

Answer 2

haben noch nicht mit selectize gearbeitet, aber an der Doku, einen Blick sehe ich, dass die Last Funktion sollte nur die Callback-Funktion als Parameter, kein Abfrageparameter erhalten. Ist das das Problem?

https://github.com/selectize/selectize.js/blob/master/docs/api.md#methods_other

Grüße, Jochen