Bagaimana cara mengubah perilaku memuat ajax di Tampilan?

Saya memiliki pandangan dengan beberapa filter terbuka di blok; menggunakan AJAX dan fitur kirim otomatis sehingga tampilan dimuat ulang segera setelah opsi filter diubah.

Dalam jeda singkat antara memilih opsi dan tampilan yang dimuat ulang, pendorong AJAX biru yang sudah dikenal ditampilkan di suatu tempat di bagian bawah formulir (saya pikir di mana tombol kirim tersembunyi saat ini berada).

Saya tahu saya dapat menyesuaikan gambar ini dengan menimpa CSS untuk elemen throbber, tapi saya lebih suka tidak menggunakannya sama sekali.

Apa yang saya lebih suka lakukan adalah sementara memudar formulir filter terbuka (dan idealnya tampilan utama juga), menggunakan animasi jQuery. Mereka kemudian akan memudar kembali ketika panggilan AJAX selesai.

Jika gagal, saya ingin menggunakan metode yang sama dengan yang digunakan modul Views UI saat memperbarui, yaitu menempatkan ikon ini di tengah halaman:

Seperti yang sudah dibangun di saya hanya berasumsi akan ada pengaturan di suatu tempat untuk mengubah gaya / lokasi perilaku pemuatan ini; tidak beruntung sekalipun.

Bagaimana cara menerapkan salah satu dari metode ini?

Saya menggunakan Drupal 7 dengan Tampilan 7.x-3.3.

Jika Anda tidak keberatan menggunakan jquery kecil, Anda selalu bisa melakukan sesuatu seperti:

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

Demi kelengkapan, inilah kode yang akhirnya saya gunakan; itu memudar baik bentuk filter terbuka dan tampilan keluar ketika beban AJAX dimulai, dan kembali lagi ketika selesai:

(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);

Halo saya telah membuat modul yang sangat sederhana yang memberikan dosis persis apa yang ingin Anda lakukan. Modul ini memiliki halaman konfigurasi tempat Anda dapat mengontrol gaya pemukul dan bahkan mengunggah gambar Anda sendiri tanpa peretasan.

Ini adalah tautan sandbox: http://drupal.org/sandbox/ANDiTKO/1556808

Jika Anda merasa berguna, mohon mengungkapkannya di sini sehingga dapat disetujui sebagai proyek resmi: http://drupal.org/node/1556114

Saya baru saja melakukan penelitian.
The throbberhardcoded di sini dalam constructor dari Drupal.views.ajaxView.
Contoh dari Drupal.views.ajaxViewtidak disimpan di Drupal.ajaxdan ada @todo tentang itu.
Itu berarti bahwa kita tidak dapat masuk ke objek dan mengatur params kita sendiri.

Bagaimana cara kerja Views?

Jawaban singkatnya adalah CSS.
Tampilan halaman admin hanya menyembunyikan throbber dan menambahkan gaya ke orang tuanya .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;
}

Bisakah saya melakukan sesuatu dengan Drupal.ajax?

Ya, saya menemukan beberapa metode yang dapat Anda timpa untuk elemen AJAX (tombol, tautan, dll). Saya telah menunjukkan contoh di sini: Bagaimana cara memperpanjang atau "mengaitkan" Drupal Form AJAX? . Tetapi dalam hal ini tidak akan begitu baik.
Elemen kemajuan ditampilkan di beforeSendpanggung, sehingga Anda dapat melakukan sesuatu sebelum itu terjadi.