JQuery UI AutoComplete - So implementieren Sie den Fortschrittsindikator?
-
09-10-2019 - |
Frage
Wenn der Frage Titel nicht klar genug war:
Ich benutze das JQuery AutoComplete Plugin (Teil von JQuery UI 1.8.5)
Ich hätte gedacht, dass die mitgelieferten CSS/Bilder ein Ajax-ähnliches Fortschrittsbild enthalten würden?
Wenn nicht, was ist der einfachste Weg, um einen zu schaffen?
Dies ist mein automatischer Vervollständigungscode:
$('#query').autocomplete({
source: function (request, response) {
$.ajax({
url: "/Search/FindLocations",
type: "POST",
dataType: "json",
data:
{
searchText: request.term
},
success: function (data) {
response($.map(data, function (item) {
return { name: item.name, value: item.name }
}))
}),
select: function (event, ui) {
// snip... (this is where i display stuff about what they clicked).
}});
Wo soll ich im obigen Code ein Bild verbergen/zeigen?
Nach dem Code in "Select" könnte ich natürlich ein Bild ausblenden, aber wo kann ich das Bild "zeigen"?
Lösung
$('#query').autocomplete({
source: function (request, response) {
//i would show the image here, before starting your ajax request
$("#theImage").show();
$.ajax({
url: "/Search/FindLocations",
type: "POST",
dataType: "json",
data:
{
searchText: request.term
},
success: function (data) {
response($.map(data, function (item) {
return { name: item.name, value: item.name }
}))
}),
select: function (event, ui) {
// snip... (this is where i display stuff about what they clicked).
}});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow