layout = new Ext.BorderLayout(document.body, ...{


center: ...{
titlebar: false,
tabPosition: 'left'
}

});

layout.beginUpdate();
var iframe = Ext.DomHelper.append( document.body,

...{tag: 'iframe', frameBorder: 0, src: 'BusiLineView.html' });

layout.add( 'center', new Ext.ContentPanel( iframe, ...{title: '公司', fitToFrame:true, closable: false}));

layout.add('center', new Ext.ContentPanel('panel-bk', ...{title: '板块', closable: false}));

layout.add('center', new Ext.ContentPanel('panel-fund', ...{title: '基金', closable: false}));
layout.getRegion('center').showPanel(0);
layout.endUpdate();


center: ...{
titlebar: false,
tabPosition: 'left'
}
});
layout.beginUpdate();
var iframe = Ext.DomHelper.append( document.body, 
...{tag: 'iframe', frameBorder: 0, src: 'BusiLineView.html' });

layout.add( 'center', new Ext.ContentPanel( iframe, ...{title: '公司', fitToFrame:true, closable: false}));
layout.add('center', new Ext.ContentPanel('panel-bk', ...{title: '板块', closable: false}));
layout.add('center', new Ext.ContentPanel('panel-fund', ...{title: '基金', closable: false}));
layout.getRegion('center').showPanel(0);
layout.endUpdate();
本文介绍了一个使用ExtJS创建复杂布局的例子。通过BorderLayout布局管理器设置中心区域的特性,并添加了多个ContentPanel面板,包括一个带有iframe的面板以展示特定页面。此示例展示了如何动态更新布局及面板显示。
570

被折叠的 条评论
为什么被折叠?



