Extjs 中的布局示例

最新推荐文章于 2019-02-24 16:00:28 发布

杠杠峰

最新推荐文章于 2019-02-24 16:00:28 发布

阅读量494

点赞数

文章标签： extjs layout border html

本文链接：https://blog.csdn.net/lmn13/article/details/7453128

版权

最终效果如下，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

        }]

    })