相关疑难解决方法(0)

Marionette提供了两个名为Regions和Layouts的组件.乍一看,它们似乎提供了类似的功能:页面上我的应用程序放置子视图的位置,以及一些额外的事件绑定仙尘.

引擎盖下看,这是相当明确的,每个组件在一个非常不同的方式实现,但我不知道为什么,当我想用一个比其他.每个组件的用途是什么用例？

我使用以下代码手动将视图附加到模板中的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,以及其他一些未在此处显示的内容.

我正在努力选择一个JavaScript MVC框架,以便在UI团队决定使用Twitter Bootstrap进行样式化和基本UI组件的团队中使用.这意味着如果我们要渲染Bootstrap Tabs,我需要能够分别为tab-labels和tab-pane渲染兄弟标记.我喜欢Marionette作为比Backbone本身更高级别的框架,但不像Ember那么复杂.但是,我在尝试构建显示标签ala Bootstrap所需的标记时遇到了问题.

我相信我需要使用"标签"的布局作为一个整体,带有"标签"的区域和"窗格"的区域,使用CollectionView分别渲染每个.但是,由于每个视图都需要它自己的HTML元素,因此在标签/窗格容器和各自的各个项目之间有一个"div"放置在我的收藏标记周围.

我把一个说明这个的jsFiddle示例放在一起.

我的问题是:

1)这是组织渲染集合的正确方法,其中您有两个或多个所述集合的视图渲染,需要在DOM中作为兄弟姐妹吗？

2)如果是,是否有办法让您的region元素成为集合视图的根,而不是中间HTML元素？

注意:

我确实看到了第一个问题的可能答案,但这似乎是为一组项目生成单个标题.

我也确实看到了对我的问题的第二部分的可能答案,但它似乎暗示你仍在生成一个HTML元素.