javascript - Backbone 创建一个复杂的标记名视图

Question

我知道我可以创建一个简单的标记名：

          var Home = Backbone.View.extend({

          tagName:"li",

但我需要在我的视图中创建一个复杂的标记名：

            <div class="row">

            <div class="page-header ">
              <p class="pull-right"><a href="#">see all</a></p>
              <h4>Honors <small>(10)</small></h4>
            </div>

            <div class="pagination-centered">


            </div>

        </div>

并将渲染结果附加到 div class="pagination-centered" 中。我可以像上面那样创建一个复杂的标记名吗？并将渲染的结果附加到特定的类中？

Answer 1

答案是你不能。您的视图元素只是一个DOM 元素。您展示的是几个嵌套元素。
在这里，您的视图元素应该是 parent div，其余的可以作为模板附加。

var Home = Backbone.View.extend({
  // tagName: 'div' <= useless as it's the default value
  className: 'row',
  template: myHTML,
  render: function() {
    this.$el.append(this.template);
  }

});

顺便说一句，没有必要创建一个新问题。