我尝试使用Extjs 6.5.2
创建一个样本但组合框项目列表和日期日历选择器由其他组件覆盖。 以下图片是日期字段组件
var containerPanel = Ext.create('Ext.panel.Panel', {
renderTo: 'wrapperId',
layout: 'column',
suspendLayouts: true,
defaults: {
padding: 3,
labelStyle: 'white-space: nowrap; width: 170px;',
},
});
containerPanel.add({
xtype: 'datefield',
fieldLabel: 'Date of Birth',
name: 'birthDate',
columnWidth: 1
});
containerPanel.add({
xtype: 'textfield',
fieldLabel: 'Age',
name: 'age',
columnWidth: 1
});
containerPanel.add({
xtype: 'fieldcontainer',
fieldLabel: 'is Single',
columnWidth: 1,
layout: 'hbox',
items: [
{
xtype: 'checkboxfield',
boxLabel: '',
name: 'isSingle',
inputValue: '1',
}
]
});
var panelA = Ext.create('Ext.panel.Panel', {
layout: 'column',
suspendLayouts: true,
defaults: {
padding: 3,
labelStyle: 'white-space: nowrap; width: 100px;',
},
});
containerPanel.add({
xtype: 'tabpanel',
columnWidth: 1,
fullscreen: true,
activeTab: 0,
items: [
{
title: 'Panel A',
items: [panelA]
},
{
styleHtmlContent: true,
title: 'Panel B',
html: 'Content B'
},
{
styleHtmlContent: true,
title: 'Panel C',
html: 'Content C'
},
{
styleHtmlContent: true,
title: 'Panel D',
html: 'Content D'
}
]
});
```
我发现了一个像我的问题的帖子。 但解决方案似乎对我不起作用
https://stackoverflow.com/a/21129817/5180366
如果组件位于下一行,则无法显示组合框项目列表。 感谢。