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”中附加render的结果。我可以创建一个如上所示的复杂标记名吗？并将渲染的结果附加到特定的类中吗？

Answer 1

答案是你不能。您的view元素只是一个 DOM元素。你展示的是几个嵌套元素这里你的view元素应该是父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);
  }

}）;

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

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

1 个答案: