ExtJS表单的标签和字段在同一行
ExtJS form with labels and fields on the same line
我正在努力创建一个ExtJS表单与两个标签文本字段。我希望标签和输入字段都出现在同一行上。我编写的代码将文本字段分隔开,在第一行显示标签,在下一行显示输入字段。
我有什么:http://jsfiddle.net/aw2Pr/
修复可能是非常简单的,但我似乎不能弄清楚。这在HTML中是小菜一碟,我的意思是,像这样:
<label>Amount: <input /></label>
<label>Currency: <input /></label>
http://jsfiddle.net/AyqYr/如何在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'
}]
}
);
});
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何使用WCF服务和javascript表单post上传.doc文件
- Javascript生成的表单未提交
- 如何使用javascript或html下载PDF格式的填写表单
- HTML表单提交时未执行外部函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- Ajax发布表单序列化,发布引号'
- 多级HTML表单
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 在验证和发送邮件后更改联系人表单的 html
- onKeyUp 事件计算不适用于 PHP 生成的表单中的以下行,除了第一行
- 当我添加一行时无法阻止表单提交
- 在使用javascript添加更多行的表单中,只有一行有效
- 我如何添加一行到HTML表单
- 从html表中选择一行,单击按钮即可发送值
- 试图使嵌入在表单中的表中的每一行可单击,以使项目按设计工作(没有提交按钮)
- 我可以使用jquery .each()来计算表单中的每一行吗?
- ExtJS表单的标签和字段在同一行
- 根据 Google 表单提交中同一行中的另一个值更改单元格的值