Ember.js:如何在呈现每个子视图后挂钩Ember.CollectionView？

Question

这个问题表明,覆盖Ember.View实例didInsertElement允许您在视图的元素位于DOM之后执行一些代码.

http://jsfiddle.net/gvUux/2/

当然,didInsertElement在添加到Ember.CollectionView的子视图类上覆盖将在渲染和插入每个子视图后运行钩子.

http://jsfiddle.net/BFUvK/1/

Ember.CollectionView上有两个面向集合的钩子,arrayDidChange并且contentDidChange在底层内容发生变化后执行,但它们在任何渲染发生之前执行.arrayDidChange对添加到数组的每个元素执行,并contentDidChange包装内容绑定.

我希望能够钩住渲染管道,类似于willInsertCollection和didInsertCollection,在渲染所有子元素之前和之后操纵DOM - 基本上,在过滤器之前和之后contentBinding.

有任何想法吗？我很难过.

Answer 1

如果您想在渲染视图之前和/或之后执行某些操作，您应该分别使用willInsertElementand/or didInsertElement。在这种情况下，由于您希望“在渲染所有子元素之前和之后操作 DOM”，因此您应该在 CollectionView 上调用它们。

我不太清楚你所说的“过滤器前后contentBinding”是什么意思，所以如果这不能回答你的问题，如果你能澄清的话，我很乐意提供帮助。

jsFiddle 如果需要