Extjs4.2 TabPanel中使用Ext.ux.IFrame组件加载内容页面

http://www.cnblogs.com/qidian10/archive/2013/05/28/3104828.html

这篇文章中，我已经说道了autoload和iframe的优劣，那么如何用iframe呢？

NodeClick: function (view, record) {
        if (record.data.leaf == true) {
            var main = Ext.getCmp("ViewPortCoreTab");
            var panel = Ext.getCmp("tab_" + record.id);
            if (!panel) {
                panel = main.add(new Ext.ux.IFrame({
                    xtype: 'iframepanel',
                    id: "tab_" + record.id,
                    title: record.data.text,
                    iconCls: record.data.iconCls,
                    closable: true,
                    layout: 'fit',
                    loadMask: '页面加载中...',
                    border: false
                }));
                main.setActiveTab(panel);
                panel.load(record.data.url);
            } else {
                main.setActiveTab(panel);
            }
        }
    }

这种方式比autoload和html:'<iframe></iframe>'方式的好处是，可以显示loadMask，页面加载完成自动unmask，autoload和html我无论如何try，总是实现不了mask效果。

上图：