ExtJS 6日期字段日历透明背景

时间:2016-02-16 08:06:57

标签: extjs

我有一个我似乎无法解决的最奇怪的小问题。我们正在使用Sencha的管理仪表板,我们在表单中定义了一个日期字段:

{
        xtype: 'fieldcontainer',
        defaultType: 'textfield',
        width: '100%',
        defaults: {
            labelWidth: 100,
            labelSeparator: '',
            submitEmptyText: false,
            margin: "3 10 0 10"
        },
        items:[
            {
                xtype: 'datefield',
                fieldLabel: 'Geburtsdatum',
                name: 'geburtstag',
                format: 'd.m.Y'
            },
            {
                fieldLabel: 'Alter',
                editable: false,
                name: 'alter'
            },
            {
                xtype: 'combobox',
                name: 'geschlecht',
                fieldLabel: 'Geschlecht',
                store: 'lookup.Geschlecht',
                queryMode: 'remote',
                displayField: 'text',
                valueField: 'id',
                editable: false
            },
            {
                xtype: 'datefield',
                fieldLabel: 'geworben am',
                name: 'geworbenAm',
                format: 'd.m.Y'
            },
            {
                fieldLabel: 'geworben von',
                name: 'geworbenVon'
            },
            {
                fieldLabel: 'Ehrungen',
                name: 'ehrungen'
            }
        ]
    }

一切正常,只有一个例外:弹出日历的背景是透明的:https://www.dropbox.com/s/eic6sua4y7m9n9w/Screenshot%202016-02-16%2009.00.51.png?dl=0

知道怎么解决这个问题吗?我不确定在哪里解决这个问题:/

提前致谢!

1 个答案:

答案 0 :(得分:1)

如果您使用Sencha Cmd,则每次构建解决方案时都会从SASS源编译CSS。

由于浏览器无法读取sass源,因此ExtJS应用程序的未编译版本仍然必须使用CSS的编译版本。

通过连接在一起然后编译所有SASS文件来编译CSS,其中路径和文件名对应于编译时ExtJS项目中所需的ExtJS javascript源文件

如果您之后需要其他内置的Ext javascript文件,则会动态加载JS,但这些文件的CSS并不容易获得,但重新编译应用程序将解决此问题。