ExtJs使用IFrame的实现代码

环境:

  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 }

  });

  图:

ExtJs使用IFrame的实现代码