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