个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
假设我有这个页面，我希望 subview 的内容正确插入到ParentLayoutView中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>test marionette</title>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/backbone/backbone.js"></script>
<script src="bower_components/backbone.wreqr/lib/backbone.wreqr.js"></script>
<script src="bower_components/marionette/lib/core/backbone.marionette.js"></script>
</head>
<body>
<div id="layout_container">
Parent content
<div id="child">initial content of child</div>
</div>
<script>
'use strict';
window.alert("Start the application!");
var App = new Backbone.Marionette.Application();
App.addRegions({
mainRegion: "#layout_container"
});
var ParentLayoutView = Marionette.LayoutView.extend({
template: '<div class="this is a parent template">Parent content after show()</div>',
regions: {
childRegion: {
el: "#child"
}
//childRegion: "#child" //BTW, this is does not work, it throws "#child not in DOM" error
},
onBeforeShow: function () {
this.showChildView('childRegion', new childView());
},
onShow: function () {
window.alert("Now child template is replaced by parent without attached child");
}
});
var childView = Marionette.ItemView.extend({
template: '<div class="this is a CHILD template">Child class content after show()</div>',
onShow: function () {
window.alert("We showed child view!");
}
});
App.on('start', function () {
var layout = new ParentLayoutView();
App.mainRegion.show(layout);
});
App.start();
</script>
</body>
</html>
但是我发现在 subview 被渲染并插入到 DOM 中之后(为什么？)，ParentLayoutView 会完全替换它，所以我只能看到父内容。我希望在父级中看到子级内容，就像任何服务器端模板引擎所做的那样。我认为所有工作都必须在内存中虚拟完成，并且只有 #layout_container 处的一个根节点必须在进程结束时插入。因此，所有嵌套的 subview 都必须被渲染并相互附加，并且只有最父 View 必须插入到 DOM 中。我读过这个http://marionettejs.com/docs/v2.4.2/marionette.layoutview.html#efficient-nested-view-structures
最佳答案
当您在 mainRegion 中显示布局 View 时，您将替换该元素的当前内容。因此，您的 #child div 消失，并且 #layout_container 的内容变成 ParentLayoutView 模板中的内容。但该模板没有 #child 元素，因此该区域无效，并且没有地方放置 subview 。
相反，请确保 ParentLayoutView 的模板包含该元素的完整 HTML，包括 #child div。
关于javascript - 如何使用 marionette 嵌套布局 View ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31707755/
27
4
0
我真的不明白它们是如何有用的。原文article引入了初始化程序，这是代码示例: App = new Backbone.Marionette.Application(); App.addInitial
我正在准备使用 Backbone Marionette 迁移我的应用程序，但路由中出现错误: window.App = new Backbone.Marionette.Application
我正在尝试将 marionette.js 用于我的 Backbone 应用程序，但我对如何组织布局/区域并呈现它们感到有些困惑。 我正在寻找具有嵌套布局和区域的示例应用程序，以便我能更好地理解它。有什
我有一个带有区域的布局。当 Layout 初始化时，我希望它自动初始化一个预设 View 以进入它的区域，并在 Layout 本身显示/关闭时显示/关闭它。 当前示例来自 https://github
//当我点击 kickassessor 按钮时，它会更新数据库，但 View 不会更新。这是我的代码。 返回 Marionette.ItemView.extend( { initialize
我有需要显示/编辑的数据，这些数据似乎与 Marionette 提供的内置 View 不自然。让我举个例子来说明。 假设我想列出/编辑书籍。每本书都有一个 ISBN、一个书名和 0 个或多个标签。基本
我一直在查看各种 Marionette 问题，但没有找到我想要的，希望有人能给我一些合理的建议和一些建议。我是新手，只是想在我在 github 上选择的样板启动包上构建 https://github.
随着我的应用程序的增长，我觉得需要更结构化的路由器/ Controller 设置。 Marionette 文档提到以下内容: It is recommended that you divide you
在我的应用程序中，我添加了 Marionette.sync 插件并覆盖这些方法: Backbone.Marionette.TemplateCache.prototype.loadTemplate =
我想知道是否有可能以某种方式扩展 Marionette Layout 机制基于创建一种类似导航的堆栈。 Marionette 行为。 在区域 show() 的 View 之前，它会在当前显示的 Vie
看起来 Backbone.Marionette View 为事件等操作 DOM，所以我猜这不像更改基类引用那样微不足道，例如Backbone.View 到 BaseView。 有没有人解决过这个问题？
我正在使用 Marionette Layout .show渲染 CollectionView并想知道是否有办法检测 全部 ItemView children 已经完成了渲染？ 我的代码的简化版本是:
因此，我不确定我是否完全理解应该如何触发此回调。如果您采用准系统模型、集合和 View : PatchModel = Backbone.Model.extend({}); PatchCollectio
我正在查看 Backbone Marionette，它似乎对我当前的项目很有前途。但是，无论 startWithParent 设置如何，添加模块时它们似乎都会自动启动。这是我遇到问题的一段代码(其中一
我是 Marionette 的新手，无法理解事件... 我有一个触发事件的 ItemView，我想在应用程序级别接收此事件，但是当我的应用程序监听此事件时，没有任何 react ... 如果事件聚合器
我有一个 CollectionView class MyCollectionView extends Backbone.Marionette.CollectionView itemView: My
我有一个复合 View ，在将模型添加到 View 集合时抛出以下错误:Uncaught ItemViewContainerMissingError: Missing itemViewContaine
我已经建立了一个项目，在其中扩展了包含两个不同区域的 Backbone.Marionette.Layout。该布局可以用作整个应用程序的组件。特别是，区域设置如下。 regions : { m
基本上，我试图将 CompositeView 呈现为一个简单的四列列表，其中包含一个表头，其中集合中的每个模型都呈现为一个并附加到 .我正在关注 an example of Derick's非常接近，
我正在尝试包含应用程序实例以使用其事件聚合器，如图所示 here 当我将实例包含在 View 中时，出现错误。 在 Requirejs 配置文件中启动 App.Bootloader.js: requi
我是一名优秀的程序员,十分优秀！