javascript - ExtJS 中的 afterLayout 与布局、afterRender 与渲染等？

Question

afterLayout和layout，afterRender和render等事件有什么区别？我了解 beforeLayout 和 afterLayout 之间的区别——但布局事件有何不同？

Answer 1

注意:仅适用于 Ext 3.x。这在 2010 年得到了回答。

没有 'layout' 事件，只有 afterLayout。从文档中，afterLayout“当此容器中的组件由关联的布局管理器排列时触发”，这是不言自明的。 afterLayout 仅由负责布置子组件的 Container 子类触发。

另一方面，所有组件子类(包括容器)都会触发 render 和 afterRender 事件。基本区别只是 afterRender 稍后触发。 render 在 DOM 标记完成渲染之后触发，但在渲染过程中可能发生的其他事情(如隐藏、禁用、状态恢复等)之前。 afterRender 在所有这些都完成后作为最后一个事件触发。要完全理解这一点，您应该查看 Ext.Component.render() 方法的源代码，它逐步显示了渲染过程的工作方式以及触发这些事件的时间。