ExtJs使用IFrame的实现代码
人气:0
环境:
Microsoft Visual Studio 2008 Sp1
Asp.net MVC
ExtJs 3.1.1
使用IFrame须要一个ExtJS的一个插件ManagedIFrame(miframe.js),用了这个插件可以使用 xtype:'iframepanel' 下载
代码段:
var p_center = new Ext.TabPanel({
region: "center",
resizeTabs: true, // turn on tab resizing
minTabWidth: 115,
tabWidth: 135,
enableTabScroll: true,
width: 600,
activeTab: 0,
height: 250,
items:[{
xtype: 'iframepanel',
title:'系?统?容?量?分?配?',
id:"form_chapteradmin",
loadMask:{msg:'Loading Quote...'},
deferredRender: false,
//bodyStyle:'padding:10px',
frameConfig:{name:'chatperadminForm'},
border:false,
//frame:true,
defaultSrc: 'http://mhl-pc/ReportServer?%List&rs:Command=Render:toolbar=false'
}],
defaults: { autoScroll: true }
});
图:
Microsoft Visual Studio 2008 Sp1
Asp.net MVC
ExtJs 3.1.1
使用IFrame须要一个ExtJS的一个插件ManagedIFrame(miframe.js),用了这个插件可以使用 xtype:'iframepanel' 下载
代码段:
复制代码 代码如下:
var p_center = new Ext.TabPanel({
region: "center",
resizeTabs: true, // turn on tab resizing
minTabWidth: 115,
tabWidth: 135,
enableTabScroll: true,
width: 600,
activeTab: 0,
height: 250,
items:[{
xtype: 'iframepanel',
title:'系?统?容?量?分?配?',
id:"form_chapteradmin",
loadMask:{msg:'Loading Quote...'},
deferredRender: false,
//bodyStyle:'padding:10px',
frameConfig:{name:'chatperadminForm'},
border:false,
//frame:true,
defaultSrc: 'http://mhl-pc/ReportServer?%List&rs:Command=Render:toolbar=false'
}],
defaults: { autoScroll: true }
});
图:
加载全部内容