뒤로 돌아갈 때 백본 컬렉션 트리거가 두 번 발생합니다.

Question

콜렉션에서 위드 문제가 발생합니다. 먼저 compositeView를로드하면 모든 것이 잘 작동하지만 내 앱에서 탐색을 시작한 다음 내 compositeView로 복귀 할 때 (Backbone.history.navigate) 내 컬렉션이 두 번 호출되는 것처럼 보입니다 (내 itemviews 두 번 발생).

나는 디버깅을 시도했지만, 한 번만 내 컬렉션을 가져오고, 하나의 초기화 일뿐입니다. 라우터도 괜찮아 보입니다. 여기

'use strict'; 
define(["jquery", "backbone", "marionette", "text!templates/portraits/portrait.html", "view/portraits/portraitItemView", "collection/portraitCollection", "application", "JSMovieclip"], function($, Backbone, Marionette, template, PortraitItemView, portraitCollection, App) { 
var PortraitsCompositeView = Marionette.CompositeView.extend({ 
    template : _.template(template), 
    collection : portraitCollection, 
    tagName: "div", 
    id : "articles", 
    itemView : PortraitItemView, 
    itemViewContainer : '#list-articles', 
    itemViewOptions: { 
     collection: portraitCollection 
    }, 
    initialize : function (options) { 

     _.bindAll(this); 
     this.options = options || {}; 
     this.collection.fetch({ 
      type: 'POST', 
      success : function(data, raw) { 
      App.execute('loader', false); 
      } 
     }); 
    }, 

그리고 내 모음입니다 :

'use strict'; 
define(["jquery", "underscore", "backbone", "marionette", "model/portraitsModel"], function($, _, Backbone, Marionette, PortraitModel) { 
    var PortraitCollection = Backbone.Collection.extend({ 
     model : PortraitModel, 
     sync: function(method, model, options) { 

      var params = _.extend({ 
       type: 'GET', 
       dataType: 'jsonp', 
       url: 'http://backend.url.fr/api/portraits/get_list/', 
       processData: false 
      }, options); 

      return $.ajax(params); 
     }, 
     parse : function(response) { 
      this.totalLength = response.count; 
      return response.portraits; 
     } 
    }); 
    return new PortraitCollection; 
}); 

Answer 1

, 모든 것이 잘 작동하여 Collection.fetch 속성에 reset:true을 추가 할 수 있습니다.

Answer 2

귀하의 컬렉션 자체에 항목을 추가 페치가

여기 내의 CompositeView입니다.

당신은

나는 마침내 그것을 고정 후 내 오류, 내 JSON은 빈 "ID"필드를 반환 한을 발견

initialize : function (options) { 

    _.bindAll(this); 
    this.options = options || {}; 
    this.collection.fetch({ 
     reset: true, 
     type: 'POST', 
     success : function(data, raw) { 
     App.execute('loader', false); 
     } 
    }); 
},