javascript - 通过将指定的 el 传递到 subview 实例化来将 View 渲染到父 div

Question

我目前正在尝试在父 View 中呈现 subview ，如下所示:

var ParentView = Backbone.View.extend({

    initialize: function(){
        this.render();
        this.childView = new ChildView({el: '#id1', model: this.model.get('collection').at(index)});
    },

    render: function(){
        this.$el.html(ich.parent_template(this.model.toJSON()));
    }
}):

父模板相当简单，大致如下:

<script id="parent_view" type="text/html">
<div>
    <h1 class="section-title">{{ title }}</h1>
     <div id="id1"></div>
</div>
</script>

我想像这样渲染 subview :

var ChildView = Backbone.View.extend({

    initialize: function(){
        this.render();
    },

    render: function(){
        this.$el.html(ich.child_template(this.model.toJSON()));
    }
}):

但是什么时候没有出现。如果我在不包含 {el: '#id1'} 的情况下实例化 subview ，然后将其从父 View 渲染到正确的 div 中，则一切正常。我只是更困惑为什么它不能按照我上面概述的方式工作。

我是否完全误解了指定 subview 的 el 的作用？我试图关注 this response但它根本不适合我。

Answer 1

您知道按时初始化您的模板 尚未加载。它尚未创建，因此父 View 未通过“#id1”找到元素。只有在 render 之后你才能像这样调用 childView:

render: function(){
    this.$el.html(ich.parent_template(this.model.toJSON()));
    this.childView = new ChildView({el: '#id1', model: this.model.get('collection').at(index)});
}