Ext布局--fit,border
2014-02-17 16:53
246 查看
Fit:[/b]
在Fit布局中,子元素将自动填满整个父容器。注意:在fit布局下,对其子元素设置宽度是无效的。如果在fit布局中放置了多个组件,则只会显示第一个子元素。典型的案例就是当客户要求一个window或panel中放置一个GRID组件,grid组件的大小会随着父容器的大小改变而改变。
border:[/b]
border布局:border布局也称边界布局,他将页面分隔为west,east,south,north,center这五个部分,我们需要在在其items中指定使用region参数为其子元素指定具体位置。north和south部分只能设置高度(height),west和east部分只能设置宽度(width)。north south west east区域变大,center区域就变小了。参数 split:true 可以调整除了center四个区域的大小。参数 collapsible:true 将激活折叠功能, title必须设置,因为折叠按钮是出现标题部分的。center 区域是必须使用的,而且center 区域不允许折叠。Center区域会自动填充其他区域的剩余空间。尤其在Extjs4.0中,当指定布局为border时,没有指定center区域时,会出现报错信息。[/b]
在Fit布局中,子元素将自动填满整个父容器。注意:在fit布局下,对其子元素设置宽度是无效的。如果在fit布局中放置了多个组件,则只会显示第一个子元素。典型的案例就是当客户要求一个window或panel中放置一个GRID组件,grid组件的大小会随着父容器的大小改变而改变。
border:[/b]
border布局:border布局也称边界布局,他将页面分隔为west,east,south,north,center这五个部分,我们需要在在其items中指定使用region参数为其子元素指定具体位置。north和south部分只能设置高度(height),west和east部分只能设置宽度(width)。north south west east区域变大,center区域就变小了。参数 split:true 可以调整除了center四个区域的大小。参数 collapsible:true 将激活折叠功能, title必须设置,因为折叠按钮是出现标题部分的。center 区域是必须使用的,而且center 区域不允许折叠。Center区域会自动填充其他区域的剩余空间。尤其在Extjs4.0中,当指定布局为border时,没有指定center区域时,会出现报错信息。[/b]
相关文章推荐
- EXTJS4自学手册——EXT容器布局(Fit,Card,Border)
- EXTJS 3 EXT容器布局(Fit,Card,Border)
- ext的border布局
- ext的border布局以及对其中的板块进行show和hide
- Ext教程连载 - Border区域布局
- Ext 布局 border 注意事项
- Ext教程连载 - Fit布局
- EXT的border布局如何实现按比例布局(同时可解决IE6中IFrame只显示一半问题)
- Ext自适应布局(fit)
- Ext.Net中,第二种:AccordionLayout布局方式。
- ExtJS 2.0实用简明教程 之Border区域布局
- 弹性盒子布局flex, box-sizing: border-box
- Expression Blend实例中文教程(5) - 布局控件快速入门StackPanel,ScrollViewer和Border
- 使用viewport布局控件老是在报"No center region defined in BorderLayout "的错误
- Ext初学 CRUD 布局 及 事件
- ExtJs2.0学习系列(4)--区域布局之border布局
- 学习ExtJS(九) fit布局
- (Ext 基础篇) 布局
- ExtJs学习系列之 FormPanel 布局:Ext中FormPanel面板的嵌套及控件属性赋值
- Ext Js 3.2 自适应布局--FitLayout