ExtJs使用IFrame的實現(xiàn)代碼
更新時間:2010年03月24日 18:53:01 作者:
Iframe 有的時候還是須要的,比如在Tab中嵌入報表、嵌入其它系統(tǒng)的界面。下面代碼是項目中一段。希望對用ExtJS開發(fā)的兄弟做個參考。
環(huán)境:
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:'系?統(tǒng)?容?量?分?配?',
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' 下載
代碼段:
復(fù)制代碼 代碼如下:
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:'系?統(tǒng)?容?量?分?配?',
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 }
});
圖:

相關(guān)文章
使用ExtJS技術(shù)實現(xiàn)的拖動樹結(jié)點
在本文將介紹TreePanel組件非常有意思的一個功能:結(jié)點拖放。要使TreePanel組件的結(jié)點可以拖放非常簡單,只需要將TreePanel類的enableDD選項參數(shù)設(shè)為true即可。當(dāng)然,要想實現(xiàn)更復(fù)雜的功能,還需要配合其他的參數(shù)和事件。2010-08-08導(dǎo)入extjs、jquery 文件時$使用沖突問題解決方法
在html頁面中,沒有導(dǎo)入jquery文件時,可以正常保存,而導(dǎo)入jquery文件后,則不能不存了,發(fā)現(xiàn)導(dǎo)入的jquery文件和現(xiàn)有的extjs文件沖突了2014-01-01ExtJs 實現(xiàn)動態(tài)加載grid完整示例
動態(tài)加載grid在ExtJs中如何實現(xiàn),貌似有很多的朋友都不知道吧,下面有個不錯的示例,希望對大家有所幫助2013-09-09Extjs學(xué)習(xí)過程中新手容易碰到的低級錯誤積累
新手在學(xué)習(xí)Extjs過程中的低級錯誤積累2010-02-02Extjs 3.3切換tab隱藏相應(yīng)工具欄出現(xiàn)空白解決
在切換tabpanel的時候,把相應(yīng)的工具欄隱藏掉,結(jié)果出現(xiàn)空白,先熊板板的空白不過后來終于解決,接下來與大家分享下解決技巧,感興趣的朋友可以參考下哈2013-04-04ExtJS GridPanel 根據(jù)條件改變字體顏色
ExtJS下GridPanel 根據(jù)條件改變字體顏色的實現(xiàn)代碼。2010-03-03