2013-04-21 3 views
1

У меня есть поле автозаполнения, прекрасно работающее на встроенном редактировании, но я бы хотел, чтобы значок nice-ajax-preloader был показан в правой части поля во время запроса данных/загружен, например, на этом примере без строчки: http://www.trirand.com/blog/phpjqgrid/examples/integrations/autocomplete/default.php (справа на поле ShipName)jqGrid inline editing autocomplete preloader icon

Любая помощь оценивается.

ответ

0

Ниже следует ответить на ваш вопрос:

How to display loading icon when autocomplete search is performed?

В основном это просто поворот на иконку загрузки, а затем отключить его, когда вы получите ответ.

+1

Привет, Марк, спасибо :), я искал самый простой способ сделать это, и ваш ответ привел меня к этому. Это было то, что мой файл jquery-ui CSS был немного устаревшим и не имел класса «ui-autocomplete-loading», который указан в ссылке, которую вы передали, мне пришлось добавить класс только в файл CSS и получить значок прелоадера, зафиксировал пару вопросов о границе поля ввода, и теперь он работает так, как я хотел. – martindhx

+0

Рад слышать, удачи в вашем проекте. – Mark

+0

Демо-страница http://www.trirand.com/blog/phpjqgrid/examples/integrations/autocomplete/default.php использует jQuery UI 1.8.2, которая была последней версией пользовательского интерфейса jQuery, которая определяет стиль CSS '.ui-autocomplete -loading {background: white url ('images/ui-anim_basic_16x16.gif') правый центр no-repeat; } '. В более поздних версиях пользовательского интерфейса jQuery по-прежнему используется '.addClass (« ui-autocomplete-loading »)' on 'search' и do' .removeClass («ui-autocomplete-loading») 'on' response'. Итак ** martindhx ** вы правы, нужно действительно просто определить * вручную * правило CSS с классом 'ui-autocomplete-loading' и анимированное изображение. – Oleg

Смежные вопросы