Hi,
I try to use <object> tag to replace <iframe> tag, but problem is not gone. Any suggestions?
Following are my code:
Desktop = function(){
var layout;
var statusPanel;
var mydialog;
return {
init : function(){
layout = new Ext.BorderLayout(document.body, {
north: {
split:false,
//initialSize: 36,
titlebar: false
},
south: {
split:false,
initialSize: 22,
titlebar: false,
collapsible: false,
animate: false
},
center: {
titlebar: false,
autoScroll:false,
tabPosition: 'top',
closeOnTab: true,
alwaysShowTabs: true,
resizeTabs: true
}
});
// tell the layout not to perform layouts until we're done adding everything
layout.beginUpdate();
layout.add('north', new Ext.ContentPanel('header'));
//create menu
this.createMenu();
this.createMain();
// initialize the statusbar
statusPanel = new Ext.ContentPanel('status');
south = layout.getRegion('south');
south.add(statusPanel);
// restore any state information
layout.restoreState();
layout.endUpdate();
statusPanel.getEl().addClass("x-layout-container");
Ext.get('loading').hide();
},
createMain : function(title,url,closable) {
var iframe = layout.getEl().createChild({tag: 'iframe', border:0,frameborder: 0, src: 'main.html'});
var tab =new Ext.ContentPanel(iframe, {title:"Main", autoCreate:false,fitToFrame: true, closable: false});
layout.getRegion('center').add(tab);
},
menuHandler : function(item){
alert(item.text);
},
menuHandler1 : function(item){
var c = layout.getEl().createChild({tag:'div',width:400,height:400});
tab =new Ext.ContentPanel(c, {title:'Clarkson', autoCreate:true,fitToFrame: true, closable: true});
layout.getRegion('center').add(tab);
tab.setContent('<OBJECT CLASSID="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%"><PARAM NAME="SRC" VALUE="content/pdf/clarkson.pdf"></OBJECT>');
},
menuHandler2 : function(item){
var iframe = layout.getEl().createChild({tag: 'iframe', border:0,frameborder: 0});
iframe.dom.src = 'content/pdf/ssy.pdf';
tab =new Ext.ContentPanel(iframe, {title:'SSY', autoCreate:true,fitToFrame: true, closable: true});
layout.getRegion('center').add(tab);
},
menuHandler3 : function(item){
var iframe = layout.getEl().createChild({tag: 'iframe', border:0,frameborder: 0});
iframe.dom.src = 'content/pdf/fearnleys.pdf';
tab =new Ext.ContentPanel(iframe, {title:'Fearnleys', autoCreate:true,fitToFrame: true, closable: true});
layout.getRegion('center').add(tab);
},
onThemeClick : function(item, checked) {
Ext.util.CSS.swapStyleSheet('theme', 'resources/css/ytheme-' + item.id + '.css');
},
createMenu : function() {
var currentTheme = 'default';
var marketInfoMenu = new Ext.menu.Menu({
id: 'marketInfoMenu',
items: [
{
text: 'BDI',
handler: this.menuHandler,
scope: this
},
{
text: 'BDC',
handler: this.menuHandler,//this.onMarkFeedsRead,
scope: this
},
{
text: 'ABF',
handler: this.menuHandler, //this.onImportOPML,
scope: this
},
{
text: 'AGD',
handler: this.menuHandler,//this.onExportOPML,
scope: this
},
{
text: 'AAA',
handler: this.menuHandler //this.onEmptyTrashClick
},
{
text: 'BBB',
handler: this.menuHandler //this.onEmptyCache.createDelegate(this)
},
{
text: 'CCC',
handler: this.menuHandler //this.onEmptyCache.createDelegate(this)
},
{
text: 'DDD',
handler: this.menuHandler //this.onEmptyCache.createDelegate(this)
},
{
text: 'EEEE',
handler: this.menuHandler //this.onEmptyCache.createDelegate(this)
},
{
text: 'FFFF',
handler: this.menuHandler //this.onEmptyCache.createDelegate(this)
},
{
text: 'KKKKK',
handler: this.menuHandler //this.onEmptyCache.createDelegate(this)
}
]
});
var monthReportMenu = new Ext.menu.Menu({
id: 'monthReportMenu',
items: [
{
text: 'Clarkson',
handler: this.menuHandler1
},
{
text: 'SSY',
handler: this.menuHandler2
},
{
text: 'Fearnleys',
handler: this.menuHandler3
},
{
text: 'Cosbulk',
handler: this.menuHandler
}]
});
var evaluateFareMenu = new Ext.menu.Menu(
{
id: 'evaluateFareMenu',
items: [
{
text: 'Test 1',
handler: this.menuHandler //this.onHelpClick
},
{
text: 'Plan 2',
handler: this.menuHandler //this.onStatsClick
},
{
text: 'Report 2',
handler: this.menuHandler //this.onAboutClick
},
{
text: 'Report 3',
handler: this.menuHandler //this.onAboutClick
},
{
text: 'Table 4',
handler: this.menuHandler //this.onAboutClick
},
{
text: 'Plan A',
handler: this.menuHandler //this.onAboutClick
},
{
text: 'COA Report',
handler: this.menuHandler //this.onAboutClick
},
{
text: 'Sample X',
handler: this.menuHandler //this.onAboutClick
},
{
text: 'Rate 2',
handler: this.menuHandler //this.onAboutClick
}]
});
menutb = new Ext.Toolbar('menu-tb');
menutb.add({
cls: 'x-btn-text-icon bmenu', // icon and text class
text:'Menu A',
menu: marketInfoMenu // assign menu by instance
},'-',
{
cls: 'x-btn-text-icon bmenu', // icon and text class
text: 'Menu B',
menu: monthReportMenu
},'-',
{
cls: 'x-btn-text-icon bmenu', // icon and text class
text: 'Menu C',
menu: evaluateFareMenu
}
);
}
};
}();
Ext.onReady(Desktop.init, Desktop);