Làm cách nào để thay đổi hành vi tải ajax trong Chế độ xem?

Tôi có một cái nhìn với một số bộ lọc tiếp xúc trong một khối; nó sử dụng AJAX và tính năng tự động gửi để chế độ xem được tải lại ngay sau khi tùy chọn bộ lọc được thay đổi.

Trong độ trễ ngắn giữa việc chọn một tùy chọn và chế độ xem được tải lại, trình điều khiển AJAX màu xanh lam quen thuộc được hiển thị ở đâu đó ở dưới cùng của biểu mẫu (Tôi nghĩ vị trí nút gửi ẩn hiện đang nằm ở đâu).

Tôi biết tôi có thể tùy chỉnh hình ảnh này bằng cách ghi đè CSS cho phần tử throbber, nhưng tôi hoàn toàn không muốn sử dụng nó.

Điều tôi muốn làm hơn là tạm thời làm mờ hình thức bộ lọc bị phơi bày (và lý tưởng nhất là chế độ xem chính), bằng cách sử dụng hoạt hình jQuery. Sau đó, chúng sẽ mờ dần trở lại khi cuộc gọi AJAX hoàn tất.

Không thể, tôi muốn sử dụng cùng một phương thức mà mô-đun Giao diện người dùng sử dụng khi cập nhật, cụ thể là đặt biểu tượng này ở giữa trang:

Vì nó đã được xây dựng nên tôi chỉ cho rằng sẽ có một cài đặt ở đâu đó để thay đổi kiểu / vị trí của hành vi tải này; không có may mắn như vậy mặc dù.

Làm thế nào để tôi thực hiện một trong hai phương pháp này?

Tôi đang sử dụng Drupal 7 với Lượt xem 7.x-3.3.

Nếu bạn không phiền khi sử dụng một chút jquery, bạn luôn có thể làm một cái gì đó như:

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

Để hoàn thiện đây là mã tôi đã sử dụng; nó mờ dần cả hình thức bộ lọc bị lộ và chế độ xem khi tải AJAX bắt đầu và quay lại lần nữa khi kết thúc:

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

Xin chào tôi đã tạo ra một mô-đun rất đơn giản với liều lượng chính xác những gì bạn muốn làm. Mô-đun này có trang cấu hình nơi bạn có thể kiểm soát phong cách của throbber và thậm chí tải lên hình ảnh của riêng bạn mà không cần hack.

Đây là liên kết hộp cát: http://drupal.org/sandbox/ANDiTKO/1556808

Nếu bạn thấy nó hữu ích, vui lòng reveiw nó ở đây để nó có thể được phê duyệt là dự án chính thức: http://drupal.org/node/1556114

Tôi vừa thực hiện một nghiên cứu.
Cái throbbernày được mã hóa cứng ở đây trong hàm tạo của Drupal.views.ajaxView.
Một thể hiện của Drupal.views.ajaxViewkhông được lưu trữ trong đóDrupal.ajax và có @todo về nó.
Điều đó có nghĩa là chúng ta không thể đi vào đối tượng và thiết lập các thông số riêng.

Làm thế nào để xem nó làm gì?

Câu trả lời ngắn gọn là CSS.
Xem trang quản trị chỉ cần ẩn throbber và thêm kiểu cho trang đó .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;
}

Tôi có thể làm gì với Drupal.ajax không?

Có, tôi đã tìm thấy một số phương pháp bạn có thể ghi đè lên các phần tử AJAX (nút, liên kết, v.v.). Tôi đã đưa ra một ví dụ ở đây: Làm thế nào để mở rộng hoặc ra móc móc hình thức Drupal AJAX? . Nhưng trong trường hợp này nó sẽ không tốt như vậy.
Yếu tố tiến bộ đang hiển thị ở beforeSendgiai đoạn, vì vậy bạn có thể làm điều gì đó trước khi nó xảy ra.