0

我有一个“业务”集合,我将其传递给多个视图。

当我运行 this.business.fetch() 时,返回的模型完全相同,但事件“添加”和“删除”被触发,因为集合认为返回的模型是新的,因此它删除了“旧”并添加了“新的'模型。我可以看到模型之间的唯一区别是 cid。

为什么 fetch 认为集合已更改?即使它没有?

这是我的代码:

router.js
var Router = Backbone.Router.extend({
routes: {
    "home": "home",
}
initialize: function() {
  this.business = new Business();
  this.business.fetch();
},
home: function() {
  var homepageView = new HomePageView({business: this.business});
},

.

HomePageView.js
var HomePageView = Backbone.View.extend({
initialize: function (options) {
  this.business = options.business;
  this.listenTo(this.business, "add",    this.onBusinessAdd);
  this.listenTo(this.business, "remove", this.onBusinessRemove);
  this.listenTo(this.business, "change", this.onBusinessRemove);
  this.business.fetch();
},
onBusinessAdd: function(model) {
  console.log(model);
},
onBusinessRemove() & onBusinessChange() are the same as onBusinessAdd()

.

collection/business.js
var BusinessCollection = BaseCollection.extend({
initialize : function() {
  this.urlRoot = this.path + 'business/me';
  this.url = this.path + 'business/me';
  this.model = BusinessModel;
}

.

我有一个不同的集合,称为项目,并且可以完美获取。但是由于某种原因,当我在第一次提取时运行 business.fetch() 时,它会添加 2 个企业 cid 19 和 20,然后在第二次提取时,它会删除 cid 19 和 20 并添加 cid 23 和 24,即使它们是相同的

我在控制台中得到以下信息:

first fetch: (router.js)
"onBusinessAdd"
n {cid: "c19", attributes: Object, collection: n, _changing: false, _previousAttributes: Object…}
n {cid: "c20", attributes: Object, collection: n, _changing: false, _previousAttributes: Object…}

second fetch: (homepageview.js)
"onBusinessRemove"
n {cid: "c19", attributes: Object, collection: n, _changing: false, _previousAttributes: Object…}
n {cid: "c20", attributes: Object, collection: n, _changing: false, _previousAttributes: Object…}
"onBusinessAdd"
n {cid: "c23", attributes: Object, collection: n, _changing: false, _previousAttributes: Object…}
n {cid: "c24", attributes: Object, collection: n, _changing: false, _previousAttributes: Object…}

. "c19" == "c23" 和 "c20" == "c24" 的属性

Object {_id: "567b6997a58029fc087b1716", hasLogo: false, approved: false, postcode: "2131", suburb: "1231321"…}
__v : 0
_id : "567b6997a58029fc087b1716"
approved : false
created : 1458794097462
email : "f@f.com"
hasLogo : false
name : "afsaf"
phone : "0123456789"
postcode : "2131"
reservationlist : Array[1]
settingsSchema : Array[1]
staff : Array[1]
street : "123132"
suburb : "1231321"
waitlist : Array[1]

.

.

这给我带来了一个问题,因为每次调用 onBusinessAdd 函数时都会调用我的导航栏 render(),并且由于某种原因,jasny-bootstrap 导航栏会出错并在每个导致延迟的 render() 上克隆自身。(在我先解决这个问题后,我必须调查一下)

4

1 回答 1

0

您的回复似乎没有id属性,而是有一个_id属性。

您应该发送它,或者您应该使用该选项id通知主干_id用于跟踪模型。idAttribute

官方文档中的示例也有_id

var Meal = Backbone.Model.extend({
  idAttribute: "_id"
});
于 2016-04-04T11:35:50.407 回答