列和hBox布局之间的区别

时间:2014-09-12 12:35:08

标签: extjs extjs4

据我所知, extJS 中的 hBox 布局似乎有点多余。

这种布局会使第一个元素为25%,第二个元素为75%

layout: {
    type: 'hbox'
    align : 'stretch',
    pack  : 'start',
},
items: [
    {html:'a', flex:1},
    {html:'b', flex:3}
]

但我可以像这样使用列布局轻松地做到这一点:

layout:'column',
items: [
{html: 'a', columnWidth: .25},
{html: 'b',columnWidth: .75}
]

hbox 布局的目的是什么?

1 个答案:

答案 0 :(得分:1)

hbox 布局有更多配置。但布局的配置较少  和布局继承自 Ext.layout.container.Auto

hbox布局还有其他配置,比如

  1. 柔性
  2. 对准
  3. 填充 5 ...