快捷搜索:

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

http://www.fengfly.com/plus/view-213229-1.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:''要领的好处是,可以显示loadMask,页面加载完成自动unmask,autoload和html我无论若何try,老是实现不了mask效果。

上图:

您可能还会对下面的文章感兴趣: