collection.reset() を使用しようとしていますが、UI で期待する結果が得られません。応答は 2 つの結果を返しますが、これは予想どおりです。コレクションを調べると、常に 2 つの結果があることがわかりますが、これも正しいです。
ただし、私のhtml出力では、新しく取得した2つの行をテーブルに追加し続けています。
initialize: function() {
_.bindAll(this,'buildRows','refreshTable');
this.template = _.template(maintmpl);
this.collection = txnList;
this.collection.bind("all", this.buildRows, this);
this.collection.on("reset", this.refreshTable, this);
this.collection.fetch();
},
events: {
"click #btn" : "refreshTable"
},
render: function() {
this.$el.append( this.template() );
},
refreshTable: function() {
this.collection.reset();
console.log(this.collection.length)
this.collection.fetch();
},
buildRows: function(){
var mainview = this;
_(this.collection.models).each(function(model){
mainview.appendRow(model);
});
},
appendRow: function(model,i) {
var row = txnRow(model);
$('tbody',this.el).append(row.render().el);
}
最初に、私はこれをレンダリングします:
行1
行2
ただし、refreshTable をトリガーするボタンをクリックするたびに、テーブルに 2 行追加するだけです。
行
1 行
2 行1 行 2
行 1
行
2
私は何が欠けていますか?