ExtJs使用IFrame

Iframe 有的时候还是须要的，比如在Tab中嵌入报表、嵌入其它系统的界面。下面代码是项目中一段。希望对用ExtJS开发的兄弟做个参考。

环境：

Microsoft Visual Studio 2008 Sp1

Asp.net MVC

ExtJs 3.1.1

使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:'iframepanel' 下载

代码段：

 1:  var p_center = new Ext.TabPanel({

 2:          region: "center",

 3:          resizeTabs: true, // turn on tab resizing

 4:          minTabWidth: 115,

 5:          tabWidth: 135,

 6:          enableTabScroll: true,

 7:           600,

 8:          activeTab: 0,

 9:          height: 250,

10:                     items:[{

11:                          xtype: 'iframepanel',

12:                          title:'系?统?容?量?分?配?',

13:                           id:"form_chapteradmin",

14:                            loadMask:{msg:'Loading Quote...'},

15:                            deferredRender: false, 

16:                            //bodyStyle:'padding:10px',

17:                            frameConfig:{name:'chatperadminForm'},

18:                            border:false,

19:                            //frame:true,

20:                            defaultSrc: 'http://mhl-pc/ReportServer?%List&rs:Command=Render:toolbar=false'

21:                        }],

22:          defaults: { autoScroll: true }

23:      });

24:   

图：