EXT扩展实例：在EXT4中检测Iframe的加载事件，并给它加上MASK

验证环境  ext-4.0.7-gpl

 

    Ext.onReady(function () {
        Ext.widget('panel', {
            title: 'IFrame事件',
             500,
            height: 200,
            items: {
                xtype: 'component',
                autoEl: {
                    tag: 'iframe',
                    style: 'height: 100%;  100%; border: none;',
                    src: 'http://www.baidu.com'
                },
                listeners: {
                    load: {
                        element: 'el',
                        fn: function () {
                            this.parent().unmask();
                        }
                    },
                    render: function () {
                        this.up('panel').body.mask('加载中...');
                    }
                }
            },
            renderTo: Ext.getBody()
        });
    });

效果如下：