독특한 backbone.js 컬렉션에 머리를 감싼다.

Question

나는 첫 번째 backbone.js 앱을 만들고 벽에 .다. 아마도 누군가가이 장애물을 지나쳐 나를 도울 수 있습니다 (제 이해의 차이). 내가 원하는 /해야 할 일은 수집기 데이터를 라우터로 반환하여 검도 UI 그리드에 바인딩 할 수 있지만 컬렉션의 검색 결과를 보지 못하는 것입니다. 근본적인 것이 빠져 있지만, 나는 그것이 무엇인지 모른다.

ES.Router = Backbone.Router.extend({routes: { 
      '': 'search', 
      'search': 'search', 
      'results': 'results' 
     }, 
     results: function() { 
      var resultsData = new ES.Results(); 
      var boo = resultsData.fetch({ 
        data: JSON.stringify({"query":"myquery"}), 
        type: 'POST', 
        contentType: 'application/json' 
        }); 
      console.log(boo); 
     }}); 

    ES.Result = Backbone.Model.extend(); 

    ES.Results = Backbone.Collection.extend({ 
     model: ES.Result, 
     url: '/search/query' 
     }); 

Answer 1

여기에 몇 가지 문제가 있습니다 :

1. A는 GET가 아닌 POST해야 인출하는 저장 안 가져 오기 때문에 나 여기
   는 내가 지금까지 무엇을 가지고 아무거나 수정하십시오
2. 어쩌면 개인적인 취향 일 수도 있지만, AJAX 요청 옵션을 수동으로 수정하는 것을 피하기 위해 url을 함수로 사용했습니다. 당신은 내가 이런 컬렉션을 써서 옵션 해시에 success 콜백을 추가하거나 컬렉션의 reset 이벤트

에 리스너를 추가하거나 필요하므로

fetch 전화는 항상 비동기 될 것입니다 :

var resultsData = new ES.Results(); 
resultsData.query = "soccer"; 

: 당신이 컬렉션을 만들 때

ES.Results = Backbone.Collection.extend({ 
    initialize: function() { 
     this.query = "test"; 
    }, 
    model: ES.Result, 
    url: function() { 
     return '/search/query?query=' + this.query; 
    } 
}); 

그런 다음 검색 설정/:

resultsData.on("reset", function(collection) { 
    console.log(collection); 
}); 

console.log("Fetching...."); 
resultsData.fetch({ 
    success: function(collection, response) { 
     console.log("Got data!" + collection.length); 
    }, 
    error: function(collection, response) { 
     console.log("Error: " + response.responseText); 
    } 
});