如何更改View中的Ajax加载行为？

我有一个视图，其中有一些裸露的滤镜。它使用AJAX和自动提交功能，因此一旦更改过滤器选项，便会重新加载视图。

在选择选项和重新加载视图之间的短暂延迟中，熟悉的蓝色AJAX th子显示在表单底部的某个位置（我认为隐藏的提交按钮当前位于何处）。

我知道我可以通过覆盖throbber元素的CSS来自定义此图像，但是我不希望完全不使用它。

我更想做的是使用jQuery动画暂时淡出暴露的滤镜形式（最好是主视图）。然后，当AJAX调用完成时，它们会逐渐消失。

失败的话，我想使用与Views UI模块更新时使用的方法相同的方法，即将此图标放在页面中间：

因为已经内置，所以我只是假设会有一个设置可以更改此加载行为的样式/位置。不过没有这种运气。

如何实现这两种方法？

我正在将Drupal 7与Views 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

我刚刚进行了研究。
在throbber中的硬编码在中Drupal.views.ajaxView。
的一个实例Drupal.views.ajaxView未存储在其中，Drupal.ajax并且周围 @todo没有。
这意味着我们无法进入对象并设置自己的参数。

视图如何工作？

简短的答案是CSS。
Views管理页面只是隐藏 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，因此您可以在发生之前做一些事情。