jQuery UI AutoComplete - Как реализовать индикатор прогресса? - PullRequest
Новая
       25

jQuery UI AutoComplete - Как реализовать индикатор прогресса?

1 голос
/ 20 октября 2010

Если название вопроса было недостаточно четким:

Я использую плагин jQuery AutoComplete (часть jQuery UI 1.8.5)

Я бы подумал, что поставляемые CSS / изображения будут включать в себя ajax-подобное изображение прогресса?

Если нет, то как проще всего его создать?

Это мой код автозаполнения: 

$('#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).
   }});

Где мне спрятать / показать изображение в приведенном выше коде?

Очевидно, что после кода в «select» я могу скрыть изображение, но где я могу «показать» изображение?

1 Ответ

3 голосов
/ 20 октября 2010 
$('#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).
   }});
...