骨幹創建複雜的標記名視圖

Question

我konw，我可以創造一個簡單的標記名：

  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元素。你展示的是幾個嵌套元素。
這裏你的視圖元素應該是父類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); 
    } 

}）;

順便說一句，沒有必要創建一個新的問題。