ExtJs使用IFrame的實(shí)現(xiàn)代碼
更新時(shí)間:2010年03月24日 18:53:01 作者:
Iframe 有的時(shí)候還是須要的,比如在Tab中嵌入報(bào)表、嵌入其它系統(tǒng)的界面。下面代碼是項(xiàng)目中一段。希望對(duì)用ExtJS開發(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改變樹節(jié)點(diǎn)的勾選狀態(tài)點(diǎn)擊按鈕將復(fù)選框去掉
需要一個(gè)功能點(diǎn)擊一個(gè)按鈕后將樹節(jié)點(diǎn)前的復(fù)選框去掉,變成沒有選擇的狀態(tài),百度一下發(fā)現(xiàn)個(gè)不錯(cuò)的方法,需要的朋友可以參考下2013-11-11
Extjs中ComboBox加載并賦初值的實(shí)現(xiàn)方法
當(dāng)需要為ComboBox加載數(shù)據(jù)后進(jìn)行賦初始選中項(xiàng)的話,如果是寫在store.load()之后2012-03-03
EXT窗口Window及對(duì)話框MessageBox
ExtJS中窗口是由Ext.Window類定義,該類繼承自Panel,因此窗口其實(shí)是一種特殊的面板Panel。窗口包含了浮動(dòng)、可拖動(dòng)、可關(guān)閉、最大化、最小化等特性。2011-01-01
Ext對(duì)基本類型的擴(kuò)展 ext,extjs,format
Ext對(duì)基本類型的擴(kuò)展 ext,extjs,format,學(xué)習(xí)extjs的朋友可以參考下。2010-12-12
Extjs中通過Tree加載右側(cè)TabPanel具體實(shí)現(xiàn)
用Extjs4.1來做界面,有關(guān)Extjs4.1資料在網(wǎng)上也相對(duì)來說較少,下面是具體的實(shí)現(xiàn)代碼1.左側(cè)的功能樹2.需要打開的對(duì)應(yīng)的view,有類似需求的朋友可以參考下哈2013-05-05
ExtJS 2.0實(shí)用簡(jiǎn)明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁面中引入extjs的樣式及extjs庫文件2009-04-04
Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼
本文為大家詳細(xì)介紹下Extjs Gird 支持中文拼音排序以及修復(fù)漢字排序異常的Bug、localeCompare比較漢字字符串,F(xiàn)irefox與IE均支持,感興趣的朋友可以參考下2013-04-04

