ExtJs使用IFrame的實(shí)現(xiàn)代碼
更新時(shí)間:2010年03月24日 18:53:01 作者:
Iframe 有的時(shí)候還是須要的,比如在Tab中嵌入報(bào)表、嵌入其它系統(tǒng)的界面。下面代碼是項(xiàng)目中一段。希望對(duì)用ExtJS開(kāi)發(fā)的兄弟做個(gè)參考。
環(huán)境:
Microsoft Visual Studio 2008 Sp1
Asp.net MVC
ExtJs 3.1.1
使用IFrame須要一個(gè)ExtJS的一個(gè)插件ManagedIFrame(miframe.js),用了這個(gè)插件可以使用 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須要一個(gè)ExtJS的一個(gè)插件ManagedIFrame(miframe.js),用了這個(gè)插件可以使用 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ù)實(shí)現(xiàn)的拖動(dòng)樹(shù)結(jié)點(diǎn)
在本文將介紹TreePanel組件非常有意思的一個(gè)功能:結(jié)點(diǎn)拖放。要使TreePanel組件的結(jié)點(diǎn)可以拖放非常簡(jiǎn)單,只需要將TreePanel類的enableDD選項(xiàng)參數(shù)設(shè)為true即可。當(dāng)然,要想實(shí)現(xiàn)更復(fù)雜的功能,還需要配合其他的參數(shù)和事件。2010-08-08Extjs在exlipse中設(shè)置自動(dòng)提示的方法
spket最好用了,而且它還支持ext,安裝起來(lái)很簡(jiǎn)單.....2010-04-04導(dǎo)入extjs、jquery 文件時(shí)$使用沖突問(wèn)題解決方法
在html頁(yè)面中,沒(méi)有導(dǎo)入jquery文件時(shí),可以正常保存,而導(dǎo)入jquery文件后,則不能不存了,發(fā)現(xiàn)導(dǎo)入的jquery文件和現(xiàn)有的extjs文件沖突了2014-01-01ExtJs 實(shí)現(xiàn)動(dòng)態(tài)加載grid完整示例
動(dòng)態(tài)加載grid在ExtJs中如何實(shí)現(xiàn),貌似有很多的朋友都不知道吧,下面有個(gè)不錯(cuò)的示例,希望對(duì)大家有所幫助2013-09-09Extjs學(xué)習(xí)過(guò)程中新手容易碰到的低級(jí)錯(cuò)誤積累
新手在學(xué)習(xí)Extjs過(guò)程中的低級(jí)錯(cuò)誤積累2010-02-02Extjs 3.3切換tab隱藏相應(yīng)工具欄出現(xiàn)空白解決
在切換tabpanel的時(shí)候,把相應(yīng)的工具欄隱藏掉,結(jié)果出現(xiàn)空白,先熊板板的空白不過(guò)后來(lái)終于解決,接下來(lái)與大家分享下解決技巧,感興趣的朋友可以參考下哈2013-04-04ExtJS GridPanel 根據(jù)條件改變字體顏色
ExtJS下GridPanel 根據(jù)條件改變字體顏色的實(shí)現(xiàn)代碼。2010-03-03