我发现了很多关于如何使用动态数据等初始化jQuery插件的问题,通常答案是你应该使用didInsertElement
钩子。我的问题是,当使用 ember-data 时,最初视图是空的,然后通过绑定填充模板变量。因此,在didInsertElement
中,我需要的元素不存在。
我找到了一个适合我的解决方案,但我认为必须有更好的解决方案。
除了 didInsertElement
方法之外,我还观察控制器中的属性,并从那里调用我的代码,包装在Ember.run.next
中,以便在之前呈现子视图。
是否有更好的解决方案来响应更新的子视图?
这有点取决于应用程序的大小以及视图呈现的元素数。
编辑:您可能会成功观察 RecordArray 的 isLoaded 属性。一些细节在这里: https://github.com/emberjs/data/blob/master/packages/ember-data/lib/system/record_arrays/adapter_populated_record_array.js#L21
我用于将单个对象作为其内容的视图的一个选项如下:
MyApp.CustomView = Ember.View.extend({
content: null,
contentObserver: function() {
this.rerender();
}.observes('content')
}
但是,如果视图内容是列表,则为列表中的每个项目重新呈现视图是没有意义的。
但是,我认为这种方法与您已经在做的事情非常相似。
另一种方法是使用 Ember Data 实现您自己的适配器。这样,您可以告诉应用程序的其余部分它已完成加载数据。像这样:
MyApp.Adapter = DS.Adapter.create({
//Finding all object of a certain type. Fetching from the server
findAll: function(store, type, ids) {
var url = type.url;
jQuery.getJSON(url, function(data) {
store.loadMany(type, data);
});
//Perform some custom logic here...
}
}
这应该有效,但它不像它应该/可能的那样通用。
此外,您可能还想查看此提交,它允许注册一次性事件。
https://github.com/emberjs/ember.js/commit/1809e65012b93c0a530bfcb95eec22d972069745#L0R19
我遇到了这个问题,并想出了一个解决方案:制作一个车把助手,告诉您子部分何时呈现。希望对其他人有所帮助!