骨干编辑或删除用户

Question

考虑到我是新来的骨干我已成功地建立基于本地JSON文件我的第一个主干应用程序，它目前只列出了人民和他们的国籍：

var Person = Backbone.Model.extend({ 
    defaults: { 
     Name: '', 
     Country:'' 
    } 
}); 

var PersonCollection = Backbone.Collection.extend({ 
    model: Person, 
    url: 'users.json' 
}); 

var PersonList = Backbone.View.extend ({ 
    el: '.inner', 
    initialize: function() { 
    var people = new PersonCollection(), 
     that = this; 
    people.fetch({ 
     success: function (PersonCollection) { 
     var template = _.template($('#people-template').html(), {PersonCollection: PersonCollection.models}); 
     that.$el.html(template); 
     } 
    }) 
    } 
}); 

var GeneratePersonList = new PersonList(); 

我希望能够编辑/更新单个用户。这样做的最好方法是什么？有一些代码示例会很好。谢谢

Answer 1

如果您从平面json文件加载它们，您不会将更改同步到模型。

如果你想避免使用服务器/数据库来保存你的数据，我的建议是使用Backbone LocalStorage插件，将一些虚拟数据加载到本地存储，并从那里使用你的模型。

这里是你会怎么做一个非常松散的想法：

// model ... 

// (assuming you've loaded localStorage plugin on your page with underscore and backbone) 
var PersonCollection = Backbone.Collection.extend({ 
    model: Person, 
    localStorage: new Backbone.LocalStorage("PersonCollection"), // Unique name within your app. 
}); 

// view ... 

// "bootstrap" data in to localStorage, if it is not there already 
if (typeof localStorage["PersonCollection"] === 'undefined') { 
    // make ajax request, load your json into local storage 
    $.getJSON('users.json', function (data) { 
     localStorage['PersonCollection'] = data; 
     init(); 
    }); 
} else { 
    init(); 
} 

function init() { 
    var GeneratePersonList = new PersonList(); 
}