0

同じトピックに関する他の投稿を調べましたが、おそらく自分のコードに何かが欠けているかもしれませんが、うまくいくはずです。私は localStorage とバックボーンを使用したことがなく、ここに何かが欠けているようです。どんな考えでも大歓迎です!

私のインスタンス:

var Address = {
  run: function() {
    this.router = new AddressRouter();
    this.contactscollection = new AddressCollection();
    this.addContact = new AddressAddView();
    this.listView = new AddressListView();
    Backbone.history.start();
  }
};

私のコレクション:

var AddressCollection = Backbone.Collection.extend({
  model: AddressModel,
  localstorage: new Store('backbone-addressbook')
});

私のモデル:

var AddressModel = Backbone.Model.extend({
  defaults: {
    id: '',
    name: '',
    email: ''
  }
});

そして私の見解:

var AddressAddView = Backbone.View.extend({
el: '#content',
template: _.template($('#addContactTemplate').html()),
events: { 'submit form#addContactForm': 'createContact'},

createContact: function(){
    Address.contactscollection.create(this.newAttributes());
    this.save();
    this.input.val('');
},

newAttributes: function() {
    return {
        id: $('#id').val(),
        name: $('#name').val(),
        email: $('#email').val()
    }
},

initialize: function() {
    _.bindAll(this, 'addContactPage','render');
},

addContactPage: function(id) {
    var contact = {},
    model = Address.contactscollection.get(id);
    if (id !== undefined && model !== undefined) {
        contact = model.toJSON();
    }
    this.$el.html(this.template({contact: contact}));
  }
});
4

1 に答える 1