Backbone.js使用ajax在获取后将集合绑定到模型
我正在尝试学习backbone.js,但在理解如何绑定模型和在获取后读取模型时遇到了困难。 这是我的代码:Backbone.js使用ajax在获取后将集合绑定到模型,backbone.js,Backbone.js,我正在尝试学习backbone.js,但在理解如何绑定模型和在获取后读取模型时遇到了困难。 这是我的代码: $(function() { var Bid = Backbone.Model.extend(); var BidsList = Backbone.Collection.extend({ model: Bid, url: '/buyers/auction/latestBids?auctionId=26&latestBidId=0',
$(function() {
var Bid = Backbone.Model.extend();
var BidsList = Backbone.Collection.extend({
model: Bid,
url: '/buyers/auction/latestBids?auctionId=26&latestBidId=0',
});
var BidsView = Backbone.View.extend({
el: $('#bids'),
initialize: function() {
log('hi');
_.bindAll(this, 'render');
this.collection = new BidsList();
this.collection.fetch();
this.render();
},
render: function() {
log(this.collection);
return this;
},
});
var bidsView = new BidsView();
});
function log(m) { console.log(m); }
这就是webservice json的样子
{
"AuctionState":3,
"ClosedOn":null,
"Bids":[
{
"BidId":132,
"AuctionId":26
},
{
"BidId":131,
"AuctionId":2
}
]
}
如何将该响应绑定到模型?您需要覆盖BidCollection上的parse()方法,以提取出价并将其仅呈现给集合的add()例程。可以使用parse()方法执行其他操作来管理AuctionState字段 您还需要侦听视图中的“更改”事件,以便视图在获取后自动更新。您不需要在视图中调用render();您应该将模型的“更改”事件绑定到render(),然后获取数据并让它触发渲染 和往常一样,主干网的源代码可读性很高。我建议学习和理解它 例如:
var BidsList = Backbone.Collection.extend({
model: Bid,
url: '/buyers/auction/latestBids?auctionId=26&latestBidId=0',
parse: function(response){
return response.Bids;
}
});