Question

我正在努力创建一个带有两个标记文本字段的ExtJS表单。我希望标签和输入字段出现在同一行。我提出的代码打破了文本字段，显示了第一行的标签和下一行的输入字段。

修复可能非常简单，但我似乎无法弄明白。这在HTML中应该是件小事，我的意思是，像这样：

<label>Amount: <input /></label>
<label>Currency: <input /></label>

http://jsfiddle.net/AyqYr/

如何在ExtJS中获得类似的布局？

我已经尝试更改布局，更改文本字段的内容，为字段标签指定宽度，向Google询问......到目前为止没有任何帮助。

Answer 1

要从默认配置中删除样式。

您的代码应如下所示

Ext.onReady(function() {    
    var addUserForm = Ext.create(
        'Ext.container.Container',
        {
            renderTo: Ext.getBody(),
            layout: {
                type: 'hbox'
            },
            anchor: '100%',
            defaults: {
                width: 200,
                xtype: 'textfield'
            },
            items: [{
                name: 'amount',
                fieldLabel: 'Amount'
            },{
                name: 'currency',
                fieldLabel: 'Currency'
            }]
        }
    );
});

ExtJS表单在同一行上带有标签和字段

1 个答案: