Forms ext4js-在checkboxfield旁边放置一个textfield
一般来说,我对使用ext4js和web应用开发还不熟悉 我有一个表单,在这个表单中,我想要一个复选框,旁边是一个文本字段。我将表单的布局类型从vbox更改为column,并设置了复选框和文本字段的宽度,以便它们都在一行中。到目前为止,这对我很有效 但是,当我复制复选框和文本字段时,结果发生了变化。重复的复选框和文本字段位于不同的行上,它们居中 这是我的密码:Forms ext4js-在checkboxfield旁边放置一个textfield,forms,extjs,checkbox,Forms,Extjs,Checkbox,一般来说,我对使用ext4js和web应用开发还不熟悉 我有一个表单,在这个表单中,我想要一个复选框,旁边是一个文本字段。我将表单的布局类型从vbox更改为column,并设置了复选框和文本字段的宽度,以便它们都在一行中。到目前为止,这对我很有效 但是,当我复制复选框和文本字段时,结果发生了变化。重复的复选框和文本字段位于不同的行上,它们居中 这是我的密码: { xtype: 'form', itemId: 'spousework'
{
xtype: 'form',
itemId: 'spousework',
maxWidth: 500,
width: 75,
layout: 'column',
bodyBorder: true,
bodyPadding: 10,
bodyStyle: 'border-right-style: solid;',
frameHeader: false,
header: false,
title: 'My Form',
items: [
{
xtype: 'displayfield',
itemId: 'userNameField2',
margin: '10 0 10 0',
maxWidth: 700,
minWidth: 700,
width: 700,
defaultAlign: 'center',
fieldLabel: 'Spouse\'s Work',
hideLabel: true,
labelWidth: 0,
value: 'SPOUSE\'S WORK',
fieldStyle: 'color: #007AA3; text-align: left; font-weight: bold;'
},
{
xtype: 'checkboxfield',
maxHeight: 20,
fieldLabel: 'Spouse\'s Employer',
labelWidth: 120,
boxLabel: ''
},
{
xtype: 'textfield',
margin: '0 0 0 10',
maxHeight: 20,
width: 300,
fieldLabel: '',
labelWidth: 120
},
{
xtype: 'checkboxfield',
maxHeight: 20,
fieldLabel: 'Spouse\'s Employer',
labelWidth: 120,
boxLabel: ''
},
{
xtype: 'textfield',
margin: '0 0 0 10',
maxHeight: 20,
width: 300,
fieldLabel: '',
labelWidth: 120
}
]
}
有人能帮忙吗?如何使用表单的列布局正确排列后续行中的项目?您可以在表单中使用filedcontainer,如下所示,并使用列布局
{
xtype: 'fieldcontainer',
layout: 'column',
fieldLabel: 'Spouse\'s Employer',
items: [
{
xtype: 'checkboxfield',
maxHeight: 20,
boxLabel: '',
margin: '0 5 0 0'
},
{
xtype: 'textfield',
}
]}