如何使用Backbone.js在localStorage中存储数据

如何使用Backbone.js在localStorage中存储数据,backbone.js,backbone.js-collections,backbone-local-storage,Backbone.js,Backbone.js Collections,Backbone Local Storage,我是新加入backbone.js的。如何将数据存储在本地存储器中并检索它们?我正在使用jeromegn,但为什么我不能将其添加或保存到本地存储中 这是我的收藏: var Cases = Backbone.Collection.extend({ localStorage: new Backbone.LocalStorage('dataObject'), }); 以下是我的看法: var CreateCase = Backbone.View.extend({ el: '.case'

我是新加入backbone.js的。如何将数据存储在本地存储器中并检索它们?我正在使用jeromegn,但为什么我不能将其添加或保存到本地存储中

这是我的收藏:

var Cases = Backbone.Collection.extend({
    localStorage: new Backbone.LocalStorage('dataObject'),
});
以下是我的看法:

var CreateCase = Backbone.View.extend({
    el: '.case',
    render: function(){
        var template = _.template($('#create-case-view').html(), {});
        this.$el.html(template);
    },
    events: {
        'submit #caseForm': 'createCase',
        'click .back': 'returnBack',
        'focus #c_round': 'datePicker'
    },
    createCase: function(e){
        var caseDetails = $(e.currentTarget).serializeObject();
        var cases = new Cases();
        //console.log(caseDetails);
        cases.add(caseDetails, {
            success: function(cases){
                console.log(cases); //I CAN'T ADD/SAVE IT TO THE COLLECTION
                //router.navigate('', {trigger: true});
            }
        });
        return false;
    }
   });
当用户提交表单时,应将其添加到集合中


如何从集合中检索它?我用过箱子;但是没有数据。

我不知道有哪个版本的主干网接受函数的
success
回调。根据您的代码,您似乎需要该函数,该函数不仅会添加您的模型,还会保存它(即执行同步)

请在此处查看它的实际操作:
(由于沙盒,它只在JSFIDLE中起作用)

我不知道有哪个版本的主干网接受函数的
成功
回调。根据您的代码,您似乎需要该函数,该函数不仅会添加您的模型,还会保存它(即执行同步)

请在此处查看它的实际操作:
(由于沙盒,它只在JSFIDLE中起作用)

谢谢!如何在我使用的本地存储中检索存储的数据?每当单击“创建”按钮时,我都想在localstorage中推送数据,这可能吗?谢谢!如何在我使用的本地存储中检索存储的数据?每当我单击create按钮时,我都想在localstorage中推送数据,这可能吗?
var Cases = Backbone.Collection.extend({
    localStorage: new Backbone.LocalStorage('dataObject'),
});

var cases = new Cases();

cases.create({caseNo: 1, caseName: 'another case'}, {
    success: function(caseModel){ // note, this is the model
        console.log(caseModel);
    }
});