Передача объекта в onSelect с помощью Bootstrap3-typeahead

BootStrap3-машинописный

Привет всем, у меня проблемы с выяснением, как я должен передавать объект чего-то большего, чем по умолчанию onSelect для более широкого использования. Вот мой код, любая помощь будет принята с благодарностью!

$("input[type='text']").typeahead({
onSelect: function(item) {
// Do things with the item object here.
},
items: 10,
ajax: {
url: "modules/scripts/Search.php",
timeout: 500,
triggerLength: 1,
method: "POST",
preDispatch: function (str) {
return {
String: str,
State: $("#"+$("#"+InputBox).attr("data-place")+"StateText").attr("data-sc")
}
},
preProcess: function (data) {
if (data.success === false) { return false; }
// I think I'd create the item object here, or pass it along?

var DD = [];
$.each(data, function(key, value) {
DD.push(value['City']+" - "+value['Zip']);
TempArr[value['ID']] = data[key];
});

return DD;
}
}
});

0

Решение

Кажется, вы используете синтаксис автозаполнения jQuery-UI. Typeahed использовать двигатель предложения Bloodhound. Проверьте Типографская документация.
Слушание Typeahead custom-event: typeaead:selected позвольте нам получить объект события jQuery, объект предложения и имя набора данных, к которому принадлежит предложение.

0

Другие решения

Я решил эту проблему, используя .remote.filter: function(obj) {} опции. Вот отрывок:

var AjaxOptions = {
type: "POST",
cache: false,
data: { limit: 10 },
beforeSend: function(jqXHR, settings){
// Manipulate settings.data to send more information than just the query string.
},
complete: function(data) {
// If desired, you could do a 'how long this query took' display here.
}
}

var InputArea = new Bloodhound({
datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.val); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
limit: 10,
remote: {
cache: false,
url: 'scripts/Query.php?q=%QUERY',
filter: function (InputArea) {
return $.map(InputArea, function (data) {
// Do whatever you want with 'data', then return it

return {
foo: bar,
arnold: data.palmer
};
});
},
ajax: AjaxOptions,
}
});
0