모델에서 JSON을 전달하여 JSON을 백본 js의 테이블로 표시하고 표시하는 방법은 무엇입니까?

Question

내 모델에서 가져 오기 (모든 레코드와 필드가 있음)를 통해 가져온 데이터에서 제한된 필드가있는 JSON을 만드는 방법은 "getSegmentGroup"입니다.

내 모델에있어서 다음

getSegmentGroups: function(customerIds, column1Name, column2Name){ 
       var segmentTableJson = []; 
       this.getSegment = new CustomerCollection(); 
       this.getSegment.fetch({ 
        success: function(response) { 
         var fetchData = response.toJSON(); 
         for(var i in customerIds){ 
          customerId = customerIds[i]; 
          for(var j in fetchData){ 
           if(fetchData[j].custId == customerId){ 
            column_1 = fetchData[j][column1Name]; 
            column_2 = fetchData[j][column2Name]; 

           }else{ 
            continue; 
           } 
          } 
          var item = { 
           "customerId" : customerId, 
           "column1" : column_1, 
           "column2" : column_2 
          }; 
          segmentTableJson.push(item); 
         } 
         console.log(JSON.stringify(segmentTableJson)); 
         var jsonTableFormat = JSON.stringify(segmentTableJson); 
        } 
       }); 
      } 

입력 customerIds 같다 JSON을 수득 다음

[7, 8] 

추천 ID 배열이된다

[{"customerId":7,"column1":"raju.allen1888@gmail.com","column2":24},{"customerId":8,"column1":"raju","column2":34}] 

이제 필요 json "jsonTableFormat"을 모델에서 전달하여 테이블에 json을 표시합니다.

어떻게 내가 백본에 새로 온 사람 때문에 내가 그것을 알아낼 수있는 테이블을

var segment_table_view = Backbone.View.extend({ 
el: $('#segment'), 
initialize: function() { 
    this.model.bind("add", this.render, this); 
}, 

//this creates new rows in the table for each model in the collection 
render: function() { 
    _.each(this.model.models, function(data) { 
     this.$el.append(new segment_view({ 
      model: data 
     }).render().el); 
    }, this); 
    return this; 
} 
}); 

     //a (row) view to render each employee 
var segment_view = Backbone.View.extend({ 
tagName: "tr", 
template: _.template($("#segment-table").html()), 

render: function() { 
    this.$el.html(this.template(this.model.toJSON())); 
    return this; 
} 
}); 

를 표시 할 segment_table_view에 전달 않습니다.

Answer 1

나는 그 모든 일을 할 필요가 없다고 생각합니다. 컬렉션을 가져 오면됩니다. 가져 오기가 완료되면보기를 렌더링하고 템플릿을 사용하여 무엇을 표시할지 결정합니다. 모델을 수정할 필요가 없습니다. Tips and Tricks 섹션을보고 템플릿 변수에 대해 읽어보십시오. 이 사이트에는 시작할만한 멋진 기사가 있습니다. 일부 모듈 등으로 더 완벽한 '앱'을 만들려면 this page을보십시오.