Javascript ExtJS中的afterLayout vs layout、afterRender vs render等？

afterLayout和layout、afterRender和render等事件之间的区别是什么？我理解beforeLayout和afterLayout之间的区别——但layout事件有何区别？

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

没有“布局”事件，只有

afterLayout

。从文档中可以看出，afterLayout“当容器中的组件由关联的布局管理器进行排列时激发”，这一点不言自明

afterLayout

仅由负责布局子组件的容器子类触发

另一方面，所有组件子类（包括容器）都会触发

render

和

afterRender

事件。基本区别在于

afterRender

稍后触发<代码>渲染在DOM标记完成渲染后激发，但在渲染过程中可能发生的其他事情（如隐藏、禁用、状态恢复等）之前激发<代码>afterRender作为完成所有操作后的最后一个事件激发。要完全理解这一点，您应该查看

Ext.Component.render（）

方法的源代码，该方法逐步显示渲染过程的工作方式以及触发这些事件的时间