javascript - 关于 Extjs afterLayout

Question

我在代码中添加了一个监听器，例如:

listen: {
    afterLayout: function(){
        doSomething...
    }
}

功能是渲染html标签。但当页面加载时它不起作用。我需要强制渲染页面，例如更改浏览器的大小才能正常工作。我想知道为什么。 “afterLayout”应该在页面加载后自动工作，对吧？或者我错过了什么？

Answer 1

您使用了错误的配置。使用 listeners: {

代替 listen: {

这里有一个例子:https://fiddle.sencha.com/#fiddle/16gu

Ext.application({
    name : 'afterRender Test',

    launch : function() {
        Ext.create('Ext.container.Container', {
            renderTo: Ext.getBody(),
            listeners: {
                afterRender: function() {
                    this.update('<div style="width:300px; background-color:red; padding:10px;">Added via afterRender listener</div>');
                }
            }
        });
    }
});