如何使文本字段在 extjs 中粘贴在其标签上？答案

【问题标题】：How to make textfield stick to its label in extjs?如何使文本字段在 extjs 中粘贴在其标签上？
【发布时间】：2011-07-04 17:40:24
【问题描述】：

嗨我有一个大窗口，里面有一个表单和一些文本字段。默认情况下，标签左对齐，输入框居中对齐。有没有办法将输入框粘贴到左侧的标签上？有没有关于如何在 extjs 上使用 css 的教程？

【问题讨论】：

有很多方法可以影响字段及其标签的位置，但如果您在问题中包含表单代码，会更容易提供帮助。

标签： javascript css extjs textfield

【解决方案1】：

用途：

labelAlign : 'right'

在您的 form 配置中。例如： var form = new Ext.form.FormPanel({ 身高：200，宽度：250， labelAlign : '对' labelWidth : 80, //因为我的 fieldlabel 足够短项目： [{ fieldLabel : '名称', …… }, ....] })

【讨论】：

感谢您的回复。当我使用 new 创建表单时它可以工作，但是当我使用 xtypes 创建表单时，labelAlign 不起作用：{ title:'Address', xtype:'form', defaults: {width: 230}, defaultType: 'textfield', labelAlign: 'right', items: [{ fieldLabel: 'Address 1', name: 'address1' }]} 我不得不提到此表单包含在卡片中（向导）布局。

【解决方案2】：

关于您关于 CSS 的问题：您将无法使用 FormLayout 重新定位包含在 Container 中的组件，除非您到处使用 !important。

这是因为布局在渲染时设置了子组件的 dom style 属性。

【讨论】：