ExtJs 6,组合框是日期字段,由其他组件覆盖

时间:2017-12-07 08:50:47

标签: extjs extjs6

我尝试使用Extjs 6.5.2

创建一个样本

但组合框项目列表和日期日历选择器由其他组件覆盖。 以下图片是日期字段组件

enter image description here ```

    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

如果组件位于下一行,则无法显示组合框项目列表。 感谢。

0 个答案:

没有答案