Javascript 单击模型并添加到主干中的其他集合

我需要单击ItemCollection上的项目并将其转移到CartCollection。但我不能让它工作。我需要获得用户单击的currentTarget的模型。有什么想法吗？我注释掉了CartCollection.add只是为了测试它

define([
'jquery',
'underscore',
'backbone',
'model/item_model',
'model/cart_model',
'collection/item_collection',
'collection/cart_collection',
'view/cart/cartlist_view',
'text!templates/items/itemlist.html'
],function($, _, Backbone, Item, Cart, ItemCollection, CartCollection, CartListView,          ItemListTemplate){

var ItemListView = Backbone.View.extend({
el: $("#mainContainer"),
events:{
    "click #itemListContainer li" : "AddToCart"
},
initialize: function(){
  this.model = Item;
  this.collection = ItemCollection;
  this.collection.bind("reset", this.render );
  CartCollection.bind("add", CartListView.render());
},
render: function(){
  var data = {
    items: ItemCollection.models,
    item: Item
  }
  var compiledTemplate = _.template( ItemListTemplate , data);
  $("#itemContainer").html( compiledTemplate );
},
AddToCart:function(ev){
    ev.preventDefault();
    // CartCollection.add([
        // {ItemCode:"item-12312",ItemDescription:"OldSomething",RetailPrice:"2",Qty:"1"},
        // {ItemCode:"item-12122",ItemDescription:"OldSometh21g",RetailPrice:"4",Qty:"2"}
    // ]);
    // var code = $(ev.currentTarget).data("ItemCode");
    // var test = CartCollection.get(code);
    // var name = test.get("ItemDescription");
    CartListView.render();
    alert($(ev.currentTarget).text());
}
});
return new ItemListView;
});

---

Alt A：为保存模型的每个子项创建视图

呈现图表项时，可以将其添加到传递模型和回调的子视图中。单击回调时，每个子视图都会调用回调：

ItemView({
    model: item, 
    onAdd: this.AddToCart
}); 

在子视图中：

events: {
    "click": "onClick"    
},

onClick: function(){
    this.options.onAdd(this.model);
}

在父视图中：

AddToCart: function(model){
    //Do what you what you want with the item
}

Alt B：将模型id添加到

li

项目中，并从项目集合中获取它

<li><a href="#" data-id="<%=item.id%>">An item</a></li>

---

尝试了Alt B：将此添加到我的Li

var id = $(e.currentTarget).data("id"); var item = items.get(id);