Wie zu verwenden Select2 mit JSON per Ajax-request?

Meine Select2 3.4.5 ist nicht die Arbeit mit JSON-Daten.

Hier ist mein Eingabefeld auf HTML:

<input class='form-control col-lg-5 itemSearch' type='text' placeholder='select item' />

...und meine JavaScript -

$(".itemSearch").select2({
    placeholder: "Search for an Item",
    minimumInputLength: 2,
    ajax: {
        url: "/api/productSearch",
        dataType: 'json',
        quietMillis: 100,
        data: function (term, page) {
            return {
                option: term
            };
        },
        results: function (data, page) {
            var more = (page * 10) < data.total;
            return {
                results: data.itemName,
                more: more
            };
        }
    },
    formatResult: function (data, term) {
        return data;
    },
    formatSelection: function (data) {
        return data;
    },
    dropdownCssClass: "bigdrop",
    escapeMarkup: function (m) {
        return m;
    }
});

Machte ich eine API mit Laravel 4, die einen Wert zurückgibt, wenn ich etwas tippe auf mein Textfeld.

Hier ist das Ergebnis, wenn ich Schreibe "test" in meinem Textfeld:

[{"itemName":"Test item no. 1","id":5},
{"itemName":"Test item no. 2","id":6},
{"itemName":"Test item no. 3","id":7},
{"itemName":"Test item no. 4","id":8},
{"itemName":"Test item no. 5","id":9},
{"itemName":"Test item no. 6","id":10},
{"itemName":"Test item no. 7","id":11}]

Kann ich nicht hinzufügen, das Ergebnis meiner Select2 dropdown-Menü. Ich denke formatSelection und formatResult verursacht das problem weil ich nicht weiß, welche parameter gesetzt werden sollte, auf Sie. Ich weiß nicht, wo man diese Parameter, wie container -, Objekt-und Abfrage und die Werte, die Sie sollten zurückkehren, oder ist mein JSON-Antwort ist falsch?

InformationsquelleAutor melvnberd | 2014-01-04

Schreibe einen Kommentar