extjs 对齐 hbox 和 vbox 中的组件

Question

我正在使用 vbox 布局。

我想让我的组件在添加时“填充”到侧面。我将 'align' 属性与值 'stretch' 一起使用：

                    layout: {
                        type: 'vbox',
                        align: 'stretch'
                    },

.. 工作正常，但我希望这种对齐/拉伸行为仅在某些组件上发生。例如下图：

我想拉伸文本字段，但按钮的大小是正常的。

vbox 或 hbox 是否可以做到这一点？

Answer 1

很遗憾没有。尽管如此，看到您发布的图片在我看来 vbox 不是您想要的布局。 VBox 非常适合您想要使用容器垂直更改项目大小或保持它们的比例。

以上是锚点布局（表单的默认设置）的理想选择，您可以在项目上单独设置锚点。在这种情况下，您将在文本字段而不是按钮上设置anchor:100%。