0

重複の可能性:
バックボーン js:ビューで余分なタグを削除するには?

新しいバックボーン ビューを HTML 要素に追加すると、このビューが自動的に ? で囲まれるのは<div> </div>なぜですか?

たとえば、HTML ページにテーブルがあります。

<table class="table table-hover">

    <thead>
        <tr>
        <th>Column1</th>
        <th>Column2</th>
        </tr>
    </thead>

    <tbody id="tbl">    
    </tbody>

</table>

バックボーンコントローラーで、次のことを実行します

$("#tbl").append(new tblview().render().el);

実際のビューの HTML テンプレートでは、

tblview.html

<tr>
    <td>entry3</td>
    <td>entry4</td>
</tr>

ブラウザでこれを見て、html 要素を調べると、次のようにレンダリングされます。

<table class="table table-hover">

    <thead>
        <tr>
        <th>Column1</th>
        <th>Column2</th>
        </tr>
    </thead>

    <tbody id="tbl">
        <div>
              <tr>
                <td>entry3</td>
                <td>entry4</td>
              </tr>

        </div>  
    </tbody>

</table>

したがって、すべての行外になりますか?この問題を解決するにはどうすればよいですか?? <div> </div>テーブルにこれらの余分なものを入れずにビューをレンダリングしたい。

4

2 に答える 2

2

バックボーンはdiv、ビューを囲む を自動的に作成します。デフォルトを上書きするにはtagName、ビューを拡張するときに属性を設定する必要があります。http://backbonejs.org/#View-extend

Backbone.View.extend({
  tagName: "tr"
});
于 2012-12-19T01:14:35.490 に答える
0

trテンプレートにタグを含める必要はありません。に設定するtblView必要があります。tagNametr

于 2012-12-19T01:14:32.343 に答える