我在多步向导中有一个包含多个子视图ProductListView的父视图ProductView。当用户单击ProductView时,其模型ID应存储在某个地方(可能存储在数组中),以便可以将其发送回服务器端进行处理。

问题:我应该在哪里存储用户单击的idProductView?我尝试将其存储在其父视图ProductListView中,但似乎无法从子视图selectedProducts访问父视图中的数组ProductView

这是正确的方法吗?应该怎么做?

模型

ProductCollection = Backbone.Collection.extend({
    model: Product,
    url: '/wizard'
});


父视图

ProductListView = Backbone.View.extend({
    el: '#photo_list',

    selectedProducts: {},  // STORING SELECTED PRODUCTS IN THIS ARRAY

    initialize: function() {
        this.collection.bind('reset', this.render, this);
    },

    render: function() {
        this.collection.each(function(product, index){
            $(this.el).append(new ProductView({ model: product }).render().el);
        }, this);
        return this;
    }
});


儿童观

ProductView = Backbone.View.extend({
    tagname: 'div',
    className: 'photo_box',

    events: {
        'click': 'toggleSelection'
    },

    template: _.template($('#tpl-PhotoListItemView').html()),

    render: function() {
        this.$el.html(this.template( this.model.toJSON() ));
        return this;
    },

    // ADDS ITS MODEL'S ID TO ARRAY
    toggleSelection: function() {
        this.parent.selectedProducts.push(this.model.id);
        console.log(this.parent.selectedProducts);
    }
});

最佳答案

我不认为parent是主干View类型的属性,并且您还没有定义它,所以这行是行不通的:

this.parent.selectedProducts.push(this.model.id);


似乎正确的方法是在selected模型中添加Product属性。在点击处理程序中切换该属性。然后,当需要提交到服务器时,通过过滤选定项的Products集合来收集ID(Backbone随附的underscore.js使此操作变得容易)。

09-03 19:21