backbone.js - BackboneJS 从模型数组中删除项目

Question

我有这个集合:

var items = new bb.Collections.QuotesCollection([
    {id: 1, name: "item 1", units: []},
    {id: 2, name: "item 2", units: []},
    {id: 3, name: "item 3", units: []}
]);

然后我像这样输出数组“单位”:

if(this.model.get('units').length){
        $(this.el).append('<strong>Units</strong>');
        $(this.el).append('<ul>');
        for(x in this.model.get('units')){
            $(this.el).append('<li class="unit">' + this.model.get('units')[x] + '</li>');
        }
        $(this.el).append('</ul>');
    } 

上面的代码只是 POC 的东西，所以还没有正式的模板。

events: {
    "keypress #addUnit" : "addUnit",
    "dblclick .unit" : "deleteUnit"
},

deleteUnit: function(){
    this.render(); // what do I put here!?
}

我采取什么方法从“单位”数组中删除一个项目(点击的项目)？

Answer 1

这是快速而肮脏的方法:

假设数组的顺序没有通过任何其他媒介改变，你可以这样做

deleteUnit: function() {
  // get the index of the li you are clicking
  var index = $('.unit').index(this);
  this.model.get('units').splice(index, 1);
  this.render();
}

这样你必须记住在每次渲染之前清空你的 View 元素

render: function() {
  this.$el.empty();
  ...
  // business as usual
}