- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要向 listView.template
传递一个值,以便了解有关 collection.length
的模板。
我认为一种选择是重新定义 serializeData 方法以便以这种方式传递参数。
var ListView = Marionette.CompositeView.extend({
initialize: function () {
this.collection.on('reset', this.serializeData, this);
this.collection.on('remove', this.serializeData, this);
this.collection.on('add', this.serializeData, this);
},
serializeData: function () {
console.log(this.collection.length);
return {
has_tasks: this.collection.length > 0
};
},
// other codes
});
当我启动 app
时,collection
尚未获取,因此:
1.a) collection.legth = 0
2.b) 模板按预期得到 has_tasks = false
。
2.a) 获取 collection.length > 0
后,
2.b) serializeData
被调用,因此它将 has_tasks = true
,
2.c) 模板似乎没有呈现,因为它维护了 has_tasks = false
因为 2.c
有什么想法吗?
最佳答案
Latest Marionette 通过在 View 上调用可选的 templateHelpers
来为 View 提供额外的上下文,从而解决了这个问题。此外,您的事件绑定(bind)对 Marionette 不友好,因为它不会在卸载 View 时正确地自动取消绑定(bind)。所以在你看来你需要做的就是:
var ListView = Marionette.CompositeView.extend({
initialize: function () {
this.bindTo(this.collection, "add", this.render, this);
this.bindTo(this.collection, "remove", this.render, this);
this.bindTo(this.collection, "reset", this.render, this);
},
templateHelpers: function () {
console.log(this.collection.length);
return {
has_tasks: this.collection.length > 0
};
},
// other codes
});
但是请注意,您可能不想在每次添加或删除项目时都重新呈现整个 View 和所有子元素。更好的方法是只更新显示的计数。例如:
var ListView = Marionette.CompositeView.extend({
initialize: function () {
this.bindTo(this.collection, "add", this.updateCount, this);
this.bindTo(this.collection, "remove", this.updateCount, this);
this.bindTo(this.collection, "reset", this.updateCount, this);
},
updateCount: function() {
this.$('.count_span').html(this.collection.length);
},
// other codes
});
关于javascript - CompositeView 中的序列化数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11328574/
问题是,每次我通过每个元素上的集合 (MovieCollection) 的获取函数添加新对象时,都会添加某种事件触发器,并初始化一个新的 MovieList 集合在获取所有项目后传递到的对象。 这是我
我正在开发一个基本的调查应用程序来学习 Marionette/很好地掌握嵌套模型(答案 > 问题 > 调查)。我正在使用 backbone-relational 来完成这个。 在调查 View 中,我
我需要向 listView.template 传递一个值,以便了解有关 collection.length 的模板。 我认为一种选择是重新定义 serializeData 方法以便以这种方式传递参数。
我需要向 listView.template 传递一个值,以便了解有关 collection.length 的模板。 我认为一种选择是重新定义 serializeData 方法以便以这种方式传递参数。
简而言之,这就是我所需要的。 我需要显示一个下拉列表/组合框,其中的子项可以来自许多集合。所有这些集合的模型都有一个文本属性,我将在下拉列表中显示该属性。 我想知道是否可以从许多集合中创建下拉列表。
我希望我的合成自动呈现一个集合,它已经这样做了。不过,我也希望它能为我获取一个模型,并为该模型提供复合访问权限。 基本上,我正在尝试使用下面的一组客户呈现用户详细信息。 复合 View define(
我只需要渲染获取的集合的第一个元素。 ItemView = Backbone.Marionette.ItemView.extend({ template: "#item" }); Items
我正在尝试对 Marionette.CompositeView 中的集合进行排序。 我有一个看起来像这样的集合: [ {id: 1, name: 'bar'}, {id: 2, name:
我想用 Backbone.Marionette 创建一个 View 来呈现模型,然后维护 2 个或更多 CollectionView。基本上是一个具有多个 CollectionView 的 Compo
我想从 Marionette.ItemView 访问 app.vent。 也许可以选择将参数 (app.vent) 从 Marionette.CompositeView 传递到 Marionette.
我们必须显示以下 View : 类别(显示为表格),每个类别表格应该有产品(tr)。 我们如何使用 Marionette itemView 和 CompositeView 构建它? 我们需要产品成为一
我处于以下情况。 当 collection.length = 0 我想将一个参数传递给 listTemplate 以便在 listTemplate 中显示一条消息(没有模型存在!)。我怎样才能实现我的
我有一个具有父子关系的模型,我想在表格显示中显示每个父级,然后是子级,我将在其中稍微缩进子级。我已经快到了,但我似乎只能将子项附加到父行,而不是将它们添加到父行之后。 View.TreeView =
实际上,我想更改现有 Marionette CompositeView 中的整个集合,而不为该 View 创建新对象。 我无法找到用于此目的的方法我已阅读文档 here 最佳答案 您应该能够通过使用集
我不知道为什么这段代码不起作用。 阅读documentation , 应该调用 templateHelpers。 我的目标是将 this.collection.length 传递给模板。 有什么提示吗
我想显示集合中的前 100 个条目,或 101 到 200 之间的条目。 如果我创建一个 Marionette CompositeView 并指定 someRegion.show new MyComp
我现在坚持了。我收到以下错误: TypeError: listenTo is undefined return listenTo.call(this, evtSource, events, _.
我正在尝试设置一个简单的 Marionette 的 CompositeView。这就是我最终想要的: %select#target-id %option{:value => "#{@id}"} =
通过使用 jasmine,我正在尝试测试一个返回 Marionette.CompositeView 的 javascript 模块。 这是 javascript 模块 (2) 和 javascript
我想测试一个模块的行为(使用 Marionette )是否有效 (1)。 奇怪的是,js 模块 (1) 有效,但单元测试 (2) 使用 Jasmine失败。 有什么想法吗? (1) /*global
我是一名优秀的程序员,十分优秀!