คอลเลกชันที่เก็บไว้สำหรับการดูรายการหลายรายการ: หุ่นเชิด

คุณสามารถจัดเก็บคอลเลกชันในตำแหน่งที่สามารถเข้าถึงได้ทั่วโลก ฉันเคยเห็นผู้คนแนบมันเข้ากับออบเจ็กต์ Application ของพวกเขาเมื่อทำการบู๊ตแอปพลิเคชัน

App.States = new StatesCollection();
App.States.fetch();

หากคุณได้สร้างคอลเลกชันนี้ในออบเจ็กต์ CompositeView ของคุณ คุณสามารถส่งต่อให้บุตรหลานแต่ละคนได้โดยใช้พารามิเตอร์ childViewOptions

var QueueItems = Marionette.CompositeView.extend({
  childViewOptions: {
    states: this.states
  },

  initialize: function() {
     this.states = new StatesCollection();
     this.states.fetch();
  }
}

จากนั้นคุณก็สามารถคว้ามันได้ในการเริ่มต้น childView

var QueueItem = Marionette.ItemView.extend({
  initialize: function(options) {
    this.states = options.states;
  }
}

เท่าที่กังวลว่าจะโหลดแล้วหรือยัง คุณควรเพิ่ม Listener ลงใน ItemView ของคุณเพื่อแสดงผลทุกครั้งที่ซิงค์หรือรีเซ็ตคอลเลกชัน จากนั้นมันจะเรนเดอร์ตัวเองอีกครั้งทุกครั้งที่คุณดึงข้อมูลหรือโหลดคอลเลกชั่น

var QueueItem = Marionette.ItemView.extend({
  initialize: function(options) {
    this.states = options.states;
    this.listenTo(this.states, 'sync reset', this.render);
  }
}