在Marionette中使用appendHtml()时是否可以避免添加默认视图元素"div"？

Question

我使用以下代码手动将视图附加到模板中的dom元素:

appendHtml: function(collectionView, itemView, index){
      collectionView.$("ul#search_list_container").append(itemView.el);
}

在我的模板中,我有:

<script id='search-list-grid-template' type='text/x-handlebars-template'>
    <ul id="search_list_container"></ul>
</script>

尽管我将视图附加到ul#search_list_container,但我有包装模板的默认div:

<div>
    <ul id="search_list_container">
    <a href="#">
        <span id="search_list_item">
            id
            invoice_number
        </span>
    </a>
    </li>
    </ul>
</div>

有没有办法避免显示默认标签"div"？,我对此没有任何问题,但每当我想出这个例子时,我总会想到这个疑问.

注意:我有一个用于ul compositeView的itemView,以及其他一些未在此处显示的内容.

Answer 1

Backbone Views被设计为将自己的DOM元素存储为视图的el属性.

建议不要删除Steven-Farley建议的视图元素,因为事件可能绑定到它.

最好的办法是改变tagName你的财产collectionView来ul.

另请参阅:Backbone.Marionette中项目视图和布局中的额外div