백본 - 컬렉션 가져 오기가 정의되지 않은 값을 반환합니까?

Question

나는 백본을 사용하여 응용 프로그램을 가지고 있지만 내가 컬렉션의 fetch() 메소드를 호출 할 때마다 그것은 정의되지 않은 반환

이

// App 

(function() { 

    window.app = {}; 
    app.collections = {}; 
    app.models = {}; 
    app.views = {}; 

    $(function() { 
     app.collections.complaintTypes = new app.collections.ComplaintTypesCollection(); 
     app.views.complaintTypesView = new app.views.ComplaintTypesView({ collection: app.collections.complaintTypes }); 
    }); 

})(); 

// Collections 

(function (collections, model) { 
    collections.ComplaintTypesCollection = Backbone.Collection.extend({ 
     initialize: function() { 
      this.fetch(); 
     }, 
     model: model, 
     url: '/api/ComplaintTypes' 
    }); 
})(app.collections, app.models.ComplaintType); 

// Models 

(function (models) { 
    models.ComplaintType = Backbone.Model.extend({ 
     idAttribute: 'ComplaintTypeId' 
    }); 
})(app.models); 


// Views 

(function (views) { 
    views.ComplaintTypesView = Backbone.View.extend({ 
     initialize: function() { 
      this.collection.on('reset', this.render, this); 
     }, 
     render: function() { 
      console.log(this.collection); 
     } 
    }); 
})(app.views); 

하지만 아무것도 반환하지 않습니다? 피들러를 사용하고 내 URL :/api/ComplaintTypes로 이동하면 데이터가 다시 검색되므로 어떤 일이 잘못되었는지 잘 모르겠습니다.

Answer 1

가져 오기가 비동기입니다. 당신은 결과를 얻을해야하는 경우 즉, "성공"핸들러를 전달해야

function myHandler(models) { 

} 
... 
this.fetch({success: myHandler}); 

Answer 2

나는 문제가 컬렉션을 가져되지 않은 상태에서하기 때문에 JS의 비동기의 (아직 뷰를 만드는 것이 생각 행동). 다음과 같이 시도하십시오.

$(function() { 
    app.collections.complaintTypes = new app.collections.ComplaintTypesCollection(); 
    app.collections.complaintTypes.fetch({success:function(){ 
     app.views.complaintTypesView = new app.views.ComplaintTypesView({ collection: app.collections.complaintTypes }); 
    }});  
}); 

그리고 컬렉션에서 초기화 기능을 제거하십시오.

Answer 3

컬렉션 파일에서 "모델"행을 삭제하면 효과적입니다.