这是我在 sencha 架构师和 IOS 模拟器中所拥有的:
这很好,正是我想要的。
这是我在 Chrome 中得到的
文本字段发生了什么?他们完全一团糟。宽度错误,每个字段占 2 行,可编辑字段甚至不在标签的右侧,它有点在它下面。
有谁理解并可以帮助我解决这个问题?
这是我的代码
Ext.define('CarboZero.view.EditPanel', {
extend: 'Ext.ActionSheet',
requires: [
'CarboZero.view.DatePicker'
],
config: {
layout: {
type: 'vbox'
},
items: [
{
xtype: 'container',
itemId: 'hbox_Container',
maxWidth: '',
layout: {
type: 'hbox'
},
items: [
{
xtype: 'spacer',
itemId: 'spacer1'
},
{
xtype: 'container',
itemId: 'vbox_Container',
layout: {
type: 'vbox'
},
items: [
{
xtype: 'textfield',
itemId: 'name_Field',
minHeight: '',
label: 'Name'
},
{
xtype: 'datepicker'
}
]
},
{
xtype: 'spacer',
itemId: 'spacer2'
}
]
},
{
xtype: 'spacer',
itemId: 'spacer3',
maxHeight: 5,
minHeight: 5
},
{
xtype: 'container',
itemId: 'buttons_Container',
layout: {
type: 'hbox'
},
items: [
{
xtype: 'spacer',
itemId: 'spacer1'
},
{
xtype: 'button',
itemId: 'delete_Button',
ui: 'decline-round',
text: 'Delete'
},
{
xtype: 'spacer',
itemId: 'spacer'
},
{
xtype: 'button',
itemId: 'save_Button',
ui: 'confirm-round',
text: 'Save'
},
{
xtype: 'spacer',
itemId: 'spacer2'
}
]
}
]
}
});
将容器宽度设置为 100%,我的字段仍在 2 行上延伸..?
这里仍然需要帮助