Backbone Marionette,Composite View初始化两次
我正在使用一个复合视图,其中$ .dialog调用了它的$ el。
然后,合成视图将列出集合中的项目。
现在我已经尝试了多种方式来渲染集合项:在将视图附加到视图之前和之后从复合视图外部获取,在视图内部获取,从我的服务器脚本预加载集合等等…
一切似乎都有效,但同样的问题发生..
一旦复合视图看到这个集合,它就会再次调用它自己的初始化函数……
我完全理解渲染函数将在集合重置或添加时调用…但是初始化??? 我完全不知道为什么会这样。
showCustomFieldSelect: function(e){ log('triggered'); e.preventDefault(); var cl = new AustApp.Collections.CustomField; var select = new AustApp.Views.AvailableCustomFieldsList({ el: "#available-custom-fields-popup", collection: cl }); cl.fetch(); cl.once("reset", function(){ // this bind was // previously used for creating the view // or calling render functions directly // amongst numerous efforts to debug }, this); }, MyApp.Views.AvailableCustomFieldsList = function(){ var AvailableCustomFieldsList = Backbone.Marionette.CompositeView.extend({ template: "#available-contact-list-custom-field-list-js", tag: "div", itemView: AustApp.Views.AvailableCustomFieldsListItem, emptyView: AustApp.Views.EmptyAvailableCustomFieldsListItem, itemViewContainer: "ul", templateHelpers: viewHelpers, initialize: function(){ log('init called'); // called twice????? this.render(); this.$el.dialog({ title: "Available Custom Fields", width: '600px', modal: true, dialogClass: "round", }); }, /* stuff */ }); return AvailableCustomFieldsList; }();
任何帮助表示赞赏,因为我很沮丧
对我来说,这是固定的(经过几个小时的敲击我的头),但确保在CompositeView
之前声明了ItemView
!
作品:
MyItemView = Marionette.ItemView.extend({ /* STUFF */ }) MyCompView = Marionette.CompositeView.extend({ itemView: MyItemView })
不起作用 (init没有任何参数调用两次):
MyCompView = Marionette.CompositeView.extend({ itemView: MyItemView }) MyItemView = Marionette.ItemView.extend({ /* STUFF */ })
即使我们在声明两者之后获得MyCompView的实例也没关系,必须在compsite视图之前声明itemView。
所以我把问题缩小到在复合视图之后声明项目视图的时候,复合视图也包含在另一个复合视图中。
将嵌套的复合视图更改为项视图可以解决问题,但是…将嵌套的复合视图更改为集合视图会导致集合的itemView不可用的错误
所以将嵌套视图的声明移动到集合视图的声明之上修复它…然后更改它发现嵌套复合视图在声明处于正确顺序时起作用。
我认为这应该不那么具有误导性,因为复合视图的双初始化只是简单的混淆,并且应该吐出关于未定义的项目视图的错误,而不是如果可能的话,那就是^ ^ ^
谢谢
谢谢你的上述解释。
我有同样的问题。 如果没有使用Composite视图定义itemView,则每次其集合更改时都会调用其初始化函数。
我通过使用空视图作为项目视图来修复此问题。
(我正在使用我的复合视图用于其他目的,并且不需要项目视图。)
对于RequireJS用户和/或用户编译(缩小)JavaScript
我想补充一点,当uglfying(最小化)你的JavaScript时,uglifying引擎可能会无序地声明事物(即,可以像@Thomas Hudspith-Tatham和@simbolo提到的那样以相反的顺序声明CompositeView和ItemView)。 使用requireJS模块化Backbone.Marionette并优化(编译)代码时,问题更为常见。
不幸的是,除了重新编译代码之外,我不知道有什么保证修复,这对我有用。
我正在分享我的经验。 它可能对某人有所帮助。
我遇到了类似的问题。 在Initial我认为事件被解雇了两次,但实际上,它被听了两次,导致exception的应用程序行为。
我的事件是从复合视图(一个触发器)触发一次但由于两个Contact控制器实例而被监听两次(2次)。
我修复了确保我只有一个侦听器(一个Controller实例)用于特定行为(在我的情况下打开一个编辑对话框)。
注意 。 我的应用程序中有多个控制器,我正在使用require加载。