backbone.js свойство url должно быть определено
Я пытаюсь использовать Backbone.localStorage в качестве серверной части приложения.
Я написал модель под названием Era и соответствующий EraView. Нажатие ввода в EraView приводит к сохранению модели, и вот где я получаю ошибку:
Uncaught Error: A "url" property or function must be specified
urlError backbone.js:1509
_.extend.url backbone.js:515
_.result underscore-min.js:1060
Backbone.sync backbone.js:1410
Backbone.sync backbone.localStorage.js:188
_.extend.sync backbone.js:276
_.extend.save backbone.js:476
karass.EraView.Backbone.View.extend.close era.js:61
karass.EraView.Backbone.View.extend.updateOnEnter era.js:75
Вот код для EraView
var karass = karass || {};
// Era Item View
// the DOM element for an era item
karass.EraView = Backbone.View.extend({
tagName: 'li',
className: 'era',
template: _.template( $('#era-template').html() ),
// The DOM events specified to an item
events: {
'dblclick .edit-input': 'edit',
'keypress .edit-input': 'updateOnEnter',
//'blur .edit': 'close',
},
// The EraView listens for changes to its model, re-rendering. Since there's
// a one-to-one correspondence between an era and a EraView in this karass,
// we set a direct reference on the model for convenience.
initialize: function(){
_.bindAll(this);
this.model.on('change', this.render, this);
},
// Re-renders the era item to the current state of the model and
// updates the reference to the era's edit input within the view
render: function(){
this.$el.html( this.template(this.model.attributes));
this.$era_start = this.$('.era-start');
this.$era_end = this.$('.era-end');
this.$era_start.attr('disabled', true);
this.$era_end.attr('disabled', true);
return this;
},
// Switch this view into editing mode, displaying the input field
edit: function(){
this.$('.edit-input').removeAttr('disabled');
this.$el.addClass('editing');
this.$('.edit-input').addClass('editing');
},
// Close the editing mode, saving changes to the era
close: function(){
this.$('.edit-input').attr('disabled', true);
var start = this.$era_start.val().trim();
var end = this.$era_end.val().trim();
if(start && end){
this.model.save({from: start, until: end});
}
this.$el.removeClass('editing');
this.$('.edit-input').removeClass('editing');
this.trigger('close');
},
updateOnEnter: function(e){
if(e.which !== ENTER_KEY && (!this.$era_start.val().trim() || !this.$era_end.val().trim())){
return;
}
this.close();
}
});
И это код для модели эпохи:
var karass = karass || {};
karass.Era = Backbone.Model.extend({
defaults: {
from: '',
until: ''
},
});
Я думал, что мне не нужен URL при использовании localStorage.
Редактировать: я забыл упомянуть, что, хотя такое поведение происходит в самом Era / EraView, оно также происходит в модели Name, которая расширяет Era. Имя, в свою очередь, принадлежит коллекции имен. Я не знаю, если это имеет значение, но я решил добавить это.
Редактировать 2: коллекция имен выглядит так:
karass.Names = History.extend({
model: karass.Name,
localStorage: new Backbone.LocalStorage('karass-names'),
});
Изменить 3: Я разместил весь код на jsfiddle: http://jsfiddle.net/herrturtur/CRv6h/
1 ответ
Вам не нужен URL при использовании localStorage. Но вам нужно установить localStorage
свойство на вашей модели или в вашей коллекции (если вы установите localStorage
в коллекции модели внутри коллекции будут "наследовать" этот параметр):
karass.Era = Backbone.Model.extend({
localStorage: new Backbone.LocalStorage("EraCollection"),
// the EraCollection should be an unique name within your app.
defaults: {
from: '',
until: ''
},
});
Если вы не настроили localStorage
свойство плагин возвращается к синхронизации по умолчанию AJAX, поэтому вы получите исключение URI.