0

所以我试图<table>在 Backbone 中抽象我的工作，所以我创建了一个扩展我的“基本视图”的“表格视图”。因此，当我需要一个新表时，我可以扩展“表视图”并希望将“表视图”指向我希望它呈现的 DOM 元素，即。像这样：

app.Views.quotesList = app.Views.table.extend({
    template: '#tmpl-table',


    initialize: function(){
        this.collection = new Backbone.Collection([
          {name: "Tim", age: 5},
          {name: "Ben", age: 26},
          {name: "Rob", age: 55}
        ]);
    },

    render: function() {
        var that = this;
        var template = Handlebars.compile( $(this.template).html() );
        $(this.el).html(template({id: 'quotes'}));

        this.table = this.$('#table-quotes');
        this.thead = this.table.find('thead tr');
        this.tbody = this.table.find('tbody');

        var template = Handlebars.compile( $('#table-heading').html() );
        that.thead.append(template(that.collection.first().toJSON()));

        var template = Handlebars.compile( $('#table-row').html() );
        that.collection.each(function(model){
            that.tbody.append(template(model.toJSON()));
        });
        return this;
    },

});

我想将大部分通用代码移到表格视图中：

app.Views.table = app.Views.base.extend({

        initialize: function(){

        }

    });

那么我将如何告诉“表视图”从“quotesList 视图”中渲染哪个元素？

4

1 回答 1

0

除非我误解了您在此处追求的内容，否则您仍然应该能够在el构造子视图时传入，即使它继承自表视图：

new app.Views.quotesList({ el: $('#foo') })

只要您将它传递给初始化程序，它就会在您调用render()或使用它的任何其他东西时设置，即使它render()是由父（表）视图定义的。

于 2013-01-08T09:39:14.840 回答