Sencha Touch 2画的事件没有开火

Question

我构建了一个视图，我希望在绘制视图后对元素进行一些操作。

我正在尝试使用＆＃34;画＆＃34;事件没有用。

任何想法为什么？

Ext.define('TestApp.view.phone.RegisterViewPhone', {

    extend: 'Ext.Panel',

    xtype: 'RegisterViewPhone',

    config: {

        items: [
            {
                xtype: 'Header'
            },{
                xtype: 'panel',
                itemId: 'thePanel',
                html: 'THIS WILL HOLD THE VIEWS CONTENT'
            },{
                xtype: 'Footer'
            }
        ],

        listeners: [
            {
                delegate: '#thePanel',
                event: 'painted',
                fn: 'onPainted'
            }
        ]
    },
    onPainted: function () {
        alert('hey!');
    }
});

Answer 1

您可以将侦听器附加到该特定元素，例如

   {
        xtype: 'panel',
        itemId: 'thePanel',
        html: 'THIS WILL HOLD THE VIEWS CONTENT',
        listeners: {
            painted: function(){
                alert('hey!');
            }
        }
    }

由于绘制不依赖于单个元素，它作用于页面范围，U也可以直接在视图中写入

items: [
 ],
 listeners: {
 painted: function () {  
   alert('hey!');
 }