Як змінити поведінку завантаження ajax у Views?

У мене є вид з деякими відкритими фільтрами в блоці; він використовує AJAX та функцію автоматичного подання, тому перегляд перезавантажується, як тільки змінено параметр фільтра.

За короткої затримки між вибором опції та переглядом перегляду, знайомий синій пульсатор AJAX відображається десь у нижній частині форми (я думаю, де зараз знаходиться прихована кнопка подання).

Я знаю, що можу налаштувати це зображення, змінивши CSS для елемента пульсації, але я вважаю за краще не використовувати його взагалі.

Що я хотів би скоріше зробити, це тимчасово згасати відкриту форму фільтру (а в ідеалі також основний вигляд), використовуючи анімацію jQuery. Потім вони б зникають, коли виклик AJAX завершиться.

Якщо цього не вдалося, я хотів би використовувати той самий метод, який використовує модуль інтерфейсу Views при оновленні, а саме розміщувати цей значок посередині сторінки:

Оскільки це вже вбудовано, я просто припустив, що десь буде налаштування, щоб змінити стиль / розташування такої поведінки завантаження; немає такої удачі, хоча.

Як я реалізую будь-який із цих методів?

Я використовую Drupal 7 з переглядами 7.x-3.3.

Якщо ви не заперечуєте, використовуючи невеликий jquery, ви завжди можете зробити щось на кшталт:

$('#view-id').ajaxStart(function(){
   $('#view-filters-id').fadeTo(300, 0.5);
});
$('#view-id').ajaxSuccess(function(){
   $('#view-filters-id').fadeTo(300, 1.0);
});

Для повноти ось код, який я в кінцевому підсумку використовував; він затухає як відкритій формі фільтра, так і виду, коли починається завантаження AJAX, і знову після завершення:

(function($) {
  Drupal.behaviors.events = {
    attach: function(context, settings) {
      $('#views-exposed-form-events-page', context).ajaxStart(function(){
        $('#views-exposed-form-events-page,div.view-id-events', context).fadeTo(300, 0.5);
      });
      $('#views-exposed-form-events-page', context).ajaxSuccess(function(){
         $('#views-exposed-form-events-page', context).fadeTo(300, 1.0);
         $('div.view-id-events', context).css('opacity', 0.5).fadeTo(300, 1.0);
      });
    }
  };
})(jQuery);

Привіт, я створив дуже простий модуль, дозуючи саме те, що ви хочете зробити. Модуль має сторінку конфігурації, де ви можете керувати стилем пульсації та навіть завантажувати власні зображення без будь-якого злому.

Це посилання на пісочну скриньку: http://drupal.org/sandbox/ANDiTKO/1556808

Якщо вам це здається корисним, розкрийте його тут, щоб він міг бути затверджений як офіційний проект: http://drupal.org/node/1556114

Я просто зробив дослідження. Жорстко закодовано тут в конструкторі . Примірник не зберігається в і там про це. Це означає, що ми не можемо зайти в об’єкт і встановити власні параметри.
throbberDrupal.views.ajaxView
Drupal.views.ajaxViewDrupal.ajax @todo

Як переглядає це?

Коротка відповідь - CSS.
Сторінка адміністратора переглядів просто приховує throbber та додає стилю своєму батьківському .ajax-progress-throbber.

.ajax-progress-throbber {
  background-color: #232323;
  background-image: url("../images/loading-small.gif");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  height: 24px;
  opacity: .9;
  padding: 4px;
  width: 24px;
}

Чи можу я щось зробити з Drupal.ajax?

Так, я знайшов деякі методи, якими можна перезаписати елементи AJAX (кнопки, посилання тощо). Я показав приклад тут: як розширити або «зачепити» Drupal Form AJAX? . Але в цьому випадку це буде не так добре.
Елемент «Прогрес» відображається на beforeSendетапі, тому ви можете зробити щось, перш ніж це станеться.