Ext.form.Panel，Ext 5，对齐标签和字段

Question

我正在使用Ext.form.Panel ，其配置如下：

defaultType : 'textfield',
layout      : 'auto',
height      : '60%',
width       : '40%',
floating    : true,
modal       : true,
renderTo    : Ext.getBody(),
closeAction : 'destroy', // default; invoked via the .close() method

在此表单中，我有许多textfield类型的组件，每个组件都有一个相应的标签。 除了其标签和名称之外，该配置是相同的，如下所示：

 fieldLabel : 'Dimension Label',
 name       : 'dimensionLabel',
 labelWidth : '400px', // to exagerate the label size
 padding    : '10px'

我想对齐输入字段，不一定标签（如证明这个问题对于.Net框架）; 但是，我的输入字段正在对齐，如下所示：

许多SO帖建议labelAlign为配置FormPanel ; 但是，它不是Ext JS 5中Ext.form.Panel的可用配置（我不知道它何时可用）。 如果我尝试配置它，则忽略配置。 我已经在现场和小组层面上进行了尝试。

是否可以在上方对齐以上字段？ 有人在论坛上煎茶其他建议利用fieldset ; 但是，它也没有上述配置。

Answer 1

您可以使用form布局：

这是一种布局，将呈现表单字段，一个在另一个下全部拉伸到容器宽度。

请参阅工作示例： https : //fiddle.sencha.com/#fiddle/ls5

---

另外，您可以使用anchor布局：

这是一种布局，可以相对于容器的尺寸锚固所包含的元素。

请参阅工作示例： https : //fiddle.sencha.com/#fiddle/ls7