Extjs 中的佈局示例

最終效果如下，center 部分：

代碼如下：

	,center: new Ext.TabPanel({

        region: 'center', // a center region is ALWAYS required for border layout
        deferredRender: false,
        activeTab: 0,     // first tab initially active
		tabPosition: 'bottom',
        items: [{
		
			 layout: 'column'
			,title: 'main'
			,autoScroll: true
			,items:[
				{
					 columnWidth: .50
					,bodyStyle: 'padding: 5px'
					,items:[{
						
						 contentEl: 'viewport_center1'
						,title: 'A Panel'
						,autoScroll: true
					}]
				}
				,{
					 columnWidth: .50
					,bodyStyle: 'padding: 5px'
					,items:[{
						 title: 'B Panel'
                        ,html: 'good'

					}]
				}
			]

        }, {

            contentEl: 'viewport_center2',

            title: '說明',

            autoScroll: true

        }]

    })