需要一个工作的loadmask到Ext JS插件Ext.ux.SimpleIFrame

Question

我需要以下代码的帮助：

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...');
            }
        }
    }
 });

出现Loadmask但unmask功能不起作用（它在Firebug中出现类型错误）。加载事件有效，因为警报提示“完成！”。

如何修复此代码？

我使用Ext JS 4.2。+

Answer 1

我使用下面的代码：

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...');
            }
        }
    }
 });