Extjs Ext JS插件Ext.ux.SimpleFrame需要一个工作负载掩码

我需要以下代码的帮助：

var panel = Ext.widget('panel', {
    title: 'Timesheet',
    height: 400,
    items: {
        xtype: 'component',
        //height: 400,
        autoEl: {
            tag: 'iframe',
            style: 'height: 100%; width: 100%; border: none;',
            src: 'index.html'
        },
        listeners: {
            load: {
                element: 'el',
                fn: function () {
                    //this.up('panel').body.unmask();
                    alert('Done!');
                }
            },
            render: function () {
                this.up('panel').body.mask('Loading...');
            }
        }
    }
 });

var panel = Ext.widget('panel', {
    id: 'timesheet-panel',
    title: 'Timesheet',
    height: 400,
    items: {
        xtype: 'component',
        //height: 400,
        autoEl: {
            tag: 'iframe',
            style: 'height: 100%; width: 100%; border: none;',
            src: 'index.html'
        },
        listeners: {
            load: {
                element: 'el',
                fn: function () {
                    Ext.getCmp('timesheet-panel').body.unmask();
                    //alert('Done!');
                }
            },
            render: function () {
                Ext.getCmp('timesheet-panel').body.mask('Loading...');
            }
        }
    }
 });

Loadmask出现，但unmask函数不起作用（它在Firebug中给出了一个类型错误）。“加载事件”起作用，因为警报提示“完成！”

如何修复此代码

---

我正在使用Ext JS 4.2.+

我使用下面的代码获得它：

var panel = Ext.widget('panel', {
    title: 'Timesheet',
    height: 400,
    items: {
        xtype: 'component',
        //height: 400,
        autoEl: {
            tag: 'iframe',
            style: 'height: 100%; width: 100%; border: none;',
            src: 'index.html'
        },
        listeners: {
            load: {
                element: 'el',
                fn: function () {
                    //this.up('panel').body.unmask();
                    alert('Done!');
                }
            },
            render: function () {
                this.up('panel').body.mask('Loading...');
            }
        }
    }
 });

var panel = Ext.widget('panel', {
    id: 'timesheet-panel',
    title: 'Timesheet',
    height: 400,
    items: {
        xtype: 'component',
        //height: 400,
        autoEl: {
            tag: 'iframe',
            style: 'height: 100%; width: 100%; border: none;',
            src: 'index.html'
        },
        listeners: {
            load: {
                element: 'el',
                fn: function () {
                    Ext.getCmp('timesheet-panel').body.unmask();
                    //alert('Done!');
                }
            },
            render: function () {
                Ext.getCmp('timesheet-panel').body.mask('Loading...');
            }
        }
    }
 });

---

你能和我分享一些提琴吗？什么意思？他的意思是：。您所指的组件似乎没有加载事件，是吗？是的，组件没有加载事件..我现在无法让fiddle工作。。