Javascript 标签和字段位于同一行的ExtJS表单

Javascript 标签和字段位于同一行的ExtJS表单,javascript,html,css,extjs,Javascript,Html,Css,Extjs,我正在努力创建一个带有两个标记文本字段的ExtJS表单。 我希望标签和输入字段都显示在同一行上。 我用的代码将文本字段分开,在第一行显示标签,在下一行显示输入字段 我所拥有的: 修复方法可能非常简单,但我似乎无法理解。这在HTML中很容易做到,我的意思是,像这样: <label>Amount: <input /></label> <label>Currency: <input /></label> 金额: 货币: 如何

我正在努力创建一个带有两个标记文本字段的ExtJS表单。 我希望标签和输入字段都显示在同一行上。 我用的代码将文本字段分开,在第一行显示标签,在下一行显示输入字段

我所拥有的:

修复方法可能非常简单,但我似乎无法理解。这在HTML中很容易做到,我的意思是,像这样:

<label>Amount: <input /></label>
<label>Currency: <input /></label>
金额:
货币:

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


我已经尝试过更改布局,更改文本字段的宽度,为字段标签指定宽度,询问谷歌。。。目前没有帮助。

要实现此功能,请从默认配置中删除样式

您的代码应该如下所示

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'
            }]
        }
    );
});

当我不得不看这个的时候,我会生病。谢谢