首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

EXT的Fit 格局

2013-03-25 
EXT的Fit 布局Fit 布局的代码,如下:Ext.onReady(function(){new Ext.Panel({renderTo:hello,title:容器

EXT的Fit 布局
Fit 布局的代码,如下:

Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",layout:"fit",width:500,height:100,items:[{title:"子元素",html:"这是子元素中的内容"}] });});

上面的代码指定父容器使用Fit 布局,因此子将自动填满整个父容器。
如果容器组件中有多个子元素,则只会显示一个元素,如下面的代码:
Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",layout:"fit",width:500,height:100,items:[{title:"子元素1",html:"这是子元素1中的内容"},{title:"子元素2",html:"这是子元素2中的内容"}] });});

如果不使用布局Fit,代码如下:
Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",width:500,height:120,items:[{title:"子元素1",html:"这是子元素1中的内容"},{title:"子元素2",html:"这是子元素2中的内容"}] });});

2个元素都会排列显示出来。

热点排行