读书人

各种格局

发布时间: 2012-10-28 09:54:44 作者: rapoo

各种布局

Fit布局

在Fit布局中,子元素将自动填满整个父容器。注意:在fit布局下,对其子元素设置宽度是无效的。如果在fit布局中放置了多个组件,则只会显示第一个子元素。典型的案例就是当客户要求一个window或panel中放置一个GRID组件,grid组件的大小会随着父容器的大小改变而改变。

示例代码:

Ext.create('Ext.Panel', {             width: 500,             height: 400,              title: "MHZG.NET-AnchorLayout Panel",             layout: 'anchor',         x:60,         y:80,         renderTo: Ext.getBody(),             items: [{                     xtype: 'panel',                      title: '75% Width and 25% Height',                     anchor: '75% 25%'             },{                      xtype: 'panel',                     title: 'Offset -300 Width & -200 Height',                      anchor: '-300 -200'                  },{                     xtype: 'panel',                      title: 'Mixed Offset and Percent',                     anchor: '-250 30%'             }]     }); 

?

?

读书人网 >Web前端

热点推荐