Ajax yükleme davranışını Görünümler'de nasıl değiştiririm?

Bir blokta açıkta kalan bazı filtreler ile görüşüm var; AJAX ve otomatik gönder özelliğini kullanır, böylece filtre, bir seçenek değiştirilir değiştirilmez görünüm yeniden yüklenir.

Bir seçenek seçmek ve yeniden yüklenen görünüm arasındaki kısa gecikmede, tanıdık mavi AJAX atıcısı, formun altında bir yerde gösterilir (sanırım gizli gönder düğmesinin şu anda nerede bulunduğunu düşünüyorum).

Bu görüntüyü throbber öğesi için CSS'yi geçersiz kılarak özelleştirebileceğimi biliyorum, ancak onu kullanmamayı tercih ediyorum.

Yapmayı tercih ettiğim şey, jQuery animasyonu kullanarak, açıkta kalan filtre formunu (ve ideal olarak ana görünümü de) geçici olarak solmak. AJAX araması tamamlandığında geri kaybolurlar.

Bunun yapılmaması durumunda, Görüntüleme UI modülünün güncellenirken kullandığı aynı yöntemi kullanmak istiyorum, yani bu simgeyi sayfanın ortasına yerleştirmek:

Bu zaten yerleşik olduğu için, bu yükleme davranışının stilini / konumunu değiştirmek için bir yerlerde bir ayar olacağını varsaydım; Yine de böyle bir şans.

Bu yöntemlerden birini nasıl uygularım?

Drupal 7'yi Views 7.x-3.3 ile kullanıyorum.

Küçük bir jquery kullanmak sakıncası yoksa, her zaman şöyle bir şey yapabilir:

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

Tamlık uğruna işte kullandığım kod; hem açığa çıkan filtre formunu hem de AJAX yükünün ne zaman başladığına dair görüşü yok eder ve bittiğinde tekrar içeri girer:

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

Merhaba, tam olarak ne yapmak istediğinizi ayarlayan çok basit bir modül yarattım. Modül, kısma stilini kontrol edebildiğiniz ve kendi resimlerinizi kesmeden yükleyebileceğiniz bir konfigürasyon sayfasına sahiptir.

Bu sanal alan bağlantısıdır: http://drupal.org/sandbox/ANDiTKO/1556808

Yararlı bulursanız, lütfen buraya yazınız, böylece resmi proje olarak onaylanmalıdır: http://drupal.org/node/1556114

Sadece bir araştırma yaptım. Kodlanma burada kurucuları içindedir . Bir örneği saklanmaz ve bununla ilgili bir şey vardır. Bu, nesneye giremeyeceğimizi ve kendi paramlarımızı koyamayacağımız anlamına gelir.
throbberDrupal.views.ajaxView
Drupal.views.ajaxViewDrupal.ajax @todo

Görüntüleme nasıl çalışır?

Kısa cevap CSS'dir.
Görünümler admin sayfası sadece üstünü gizler throbber ve stil ekler .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 ile bir şeyler yapabilir miyim?

Evet, AJAX öğelerinin üzerine yazabileceğiniz bazı yöntemler buldum (düğmeler, bağlantılar vb.). Burada bir örnek gösterdim: Drupal Form AJAX nasıl uzatılır veya “bağlanır”? . Ancak bu durumda o kadar iyi olmayacak.
İlerleme öğesi beforeSendaşamada gösteriliyor , bu yüzden gerçekleşmeden önce bir şeyler yapabilirsiniz.