ฉันจะเปลี่ยนพฤติกรรมการโหลด ajax ใน Views ได้อย่างไร

ฉันมีมุมมองที่มีตัวกรองที่เปิดเผยบางส่วนในบล็อก มันใช้ AJAX และคุณสมบัติส่งอัตโนมัติเพื่อให้มีการโหลดมุมมองใหม่ทันทีที่มีการเปลี่ยนตัวเลือกตัวกรอง

ในช่วงเวลาสั้น ๆ ระหว่างการเลือกตัวเลือกและมุมมองที่ถูกโหลดใหม่เครื่องสั่น AJAX สีน้ำเงินที่คุ้นเคยจะปรากฏขึ้นที่ด้านล่างของแบบฟอร์ม (ฉันคิดว่าที่ปุ่มส่งซ่อนอยู่ในขณะนี้)

ฉันรู้ว่าฉันสามารถปรับแต่งภาพนี้ได้โดยการแทนที่ CSS สำหรับองค์ประกอบการสั่น แต่ฉันไม่ต้องการใช้เลย

สิ่งที่ฉันทำค่อนข้างดีคือจางหายไปในแบบฟอร์มตัวกรองที่เปิดเผยชั่วคราว (และมุมมองหลักเช่นกัน) โดยใช้ภาพเคลื่อนไหว jQuery จากนั้นพวกเขาจะจางหายไปเมื่อการโทร AJAX เสร็จสมบูรณ์

หากไม่เป็นเช่นนั้นฉันต้องการใช้วิธีการเดียวกับที่โมดูลวิว 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

ฉันเพิ่งทำวิจัย เป็น hardcoded ที่นี่ในตัวสร้างของ อินสแตนซ์ของไม่ได้ถูกจัดเก็บและมีเกี่ยวกับ หมายความว่าเราไม่สามารถเข้าไปในวัตถุและตั้งพารามิเตอร์ของเราเอง
throbberDrupal.views.ajaxView
Drupal.views.ajaxViewDrupal.ajax @todo

Views ใช้งานอย่างไร?

คำตอบสั้น ๆ คือ 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 AJAX? . แต่ในกรณีนี้มันจะไม่ดี
องค์ประกอบความคืบหน้ากำลังแสดงbeforeSendบนเวทีเพื่อให้คุณสามารถทำอะไรบางอย่างก่อนที่มันจะเกิดขึ้น