个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在 Backbone.Marionette 上建立一个集合，主要基于 David Sulc 在他的书“Backbone.Marionette 的温和介绍”中提供的示例，此处提供 https://github.com/davidsulc/marionette-gentle-introduction/commit/175fc9b7bddfa6fea86954eb769c0cfb3e163c1e .
目前我还在做所有内联的事情:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Marionette Contact Manager</title>
<link href="./css/bootstrap.css" rel="stylesheet">
<link href="./css/application.css" rel="stylesheet">
<link href="./css/jquery-ui-1.10.0.custom.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<span class="brand">Secret Identities</span>
</div>
</div>
</div>
<div id="main-region" class="container">
//main area
</div>
<script type="text/template" id="contact-list-item">
<td> <%= lastName %></td><td> <%= firstName %> </td><td> <%= occupation %> </td>
</script>
<script type="text/template" id="contact-list">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Occupation</th>
</tr>
</thead>
<tbody>
</tbody>
</script>
<script src="./js/vendor/jquery.js"></script>
<script src="./js/vendor/json2.js"></script>
<script src="./js/vendor/underscore.js"></script>
<script src="./js/vendor/backbone.js"></script>
<script src="./js/vendor/backbone.marionette.js"></script>
<script type="text/javascript">
var Application = new Marionette.Application();
Application.addRegions({
mainRegion: "#main-region"
});
Application.Contact = Backbone.Model.extend({
urlRoot: "/rest/example/listHeroes"
});
Application.ContactCollection = Backbone.Collection.extend({
model: Application.Contact,
url: "/rest/example/listHeroes",
comparator: "firstName"
});
Application.ContactItemView = Marionette.ItemView.extend({
tagName: "tr",
template: "#contact-list-item"
});
Application.ContactsView = Marionette.CompositeView.extend({
tagName: "table",
className: "table table-hover",
template: "#contact-list",
itemView: Application.ContactItemView,
itemViewContainer: "tbody"
});
Application.on("initialize:after", function () {
var list = new Application.ContactCollection;
list.fetch();
var contactsView = new Application.ContactsView({
collection: list
});
Application.mainRegion.show(contactsView);
});
Application.start();
</script>
</body>
</html>
</body>
</html>
rest get返回的Json Array为
[{"firstName":"Bruce","lastName":"Wayne","occupation":"Industrialist"},{"firstName":"Steve","lastName":"Rogers","occupation":"Soldier"},{"firstName":"Natasha","lastName":"Romanov","occupation":"spy"},{"firstName":"Clark","lastName":"Kent","occupation":"Reporter"},{"firstName":"Hal","lastName":"Jordan","occupation":"Pilot"}]
如有任何帮助，我们将不胜感激。
最佳答案
我想通了。 看起来像一个 Backbone 错误。当您将项目添加到集合时，它会调用 Collection.set，它首先将所有获取的元素放入一个名为 toAdd 的数组中。然后它从 toAdd 集合添加到内部模型集合，然后触发 toAdd 集合上的事件!因此，“添加”事件的触发顺序与您从服务器接收到它们的顺序相同。 https://github.com/jashkenas/backbone/blob/master/backbone.js#L733
Marionette Hook 到“添加”事件，因此它可以呈现元素，因此它们以与 toAdd 集合相同的顺序呈现，即您从服务器接收到的顺序。
因此，要解决此问题，您可以在 fetch 调用的选项中传递 {reset: true} : http://backbonejs.org/#Collection-fetch
谢谢，鲍里斯
编辑:我不认为这是一个 Backbone 错误，我认为这是为了提高性能。
关于backbone.js - 使用 Restful 服务的集合排序不适用于 Backbone.Marionette，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18095389/
24
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
我是一名优秀的程序员,十分优秀！