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

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

阅读量：5026 次

发布时间：2019-06-12

本文共 1064 字，大约阅读时间需要 3 分钟。

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效果。

上图：