javascript - 如何将 部分添加到 tagName : 'table' ? 的 marionette collectionview 中

Question

我有一个看起来像这样的 Collection View :

var PersonView = Marionette.ItemView.extend({
        tagName: 'tr',
        template: function (model) {
            return _.template("<td><%= data.firstName %></td><td><%= data.lastName %></td>", {
                firstName: model.firstName,
                lastName: model.lastName
            }, { variable: 'data' });
        }
    }),
    PersonCollectionView = Marionette.CollectionView.extend({
        tagName: 'table',
        itemView: PersonView
    });

它工作正常，但我无法找出添加 <thead> 的最佳方法部分到我的 table 。我想过改变tagName: 'table'至tagName: 'tbody'并添加 thead布局中显示 Collection View 的部分，但它看起来不是一个非常干净的方法。事实上，如果我要在其他地方使用我的 Collection View ，我将不得不重现 thead另一种布局中的部分...建议的方法是什么？

P.S 请参阅 https://github.com/shawninder/table-collection-views一个工作示例。您会注意到该表没有 <thead>部分，这就是我想要解决的问题。

更新:已修复 this commit基于接受的答案

Answer 1

您可能需要使用CompositeView反而。使用CompositeView，您可以提供一个模板来添加您的thead，并使用ItemViewContainer来呈现您的集合。阅读doc我相信您会找到解决方案。