My Select2 3.4.5 ไม่ทำงานกับข้อมูล JSON
นี่คือช่องป้อนข้อมูลของฉันใน HTML:
<input class='form-control col-lg-5 itemSearch' type='text' placeholder='select item' />
…และ 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;
}
});
ฉันสร้าง API ด้วย Laravel 4 ซึ่งจะคืนค่าทุกครั้งที่ฉันพิมพ์อะไรก็ได้ในกล่องข้อความของฉัน
นี่คือผลลัพธ์หากฉันพิมพ์ "test" ในกล่องข้อความของฉัน:
[{"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}]
ฉันไม่สามารถเพิ่มผลลัพธ์ในเมนูแบบเลื่อนลง Select2 ของฉัน ฉันคิดว่าformatSelection
และformatResult
กำลังทำให้เกิดปัญหาเพราะฉันไม่รู้ว่าควรวางพารามิเตอร์อะไรไว้ ฉันไม่รู้ว่าจะรับพารามิเตอร์เหล่านั้นได้จากที่ใดเช่นคอนเทนเนอร์ออบเจ็กต์และคิวรีและค่าที่ควรส่งคืนหรือการตอบสนอง JSON ของฉันผิดหรือไม่