字段集中的 Extjs6 文件字段与 Chrome 一起工作正常,但在 FF 中不工作

Extjs6 Filefield inside fieldset working fine with Chrome and not working in FF

(sencha fiddle for filefield inside fieldset)

我在 extjs6 的字段集中有一个文件字段。 Fieldset 最初是折叠的,我只将 filefield 作为按钮。如果我在显示的 chrome 按钮中打开字段集,但在 firefox 中看不到该按钮。

如果我注释掉附件中的第 19 行 fiddle 或在启动时打开字段集,filefield 在 firefox 和 chrome 中看起来都不错。

请参考附件中的煎茶fiddle并指出错误之处。

Mohan,它看起来确实像一个错误。 我注意到,如果您开始时没有崩溃,那么它就可以正常工作。因此,作为一种解决方法,您可以将配置更改为开始时不折叠,然后在 afterrender 中折叠它:

Ext.application({
    name : 'Fiddle',

    launch : function() {
        Ext.create('Ext.form.Panel', {
        title: 'Fieldsets with Files',
        //labelWidth: 75, 
        frame: true,
        bodyStyle: 'padding:5px 5px 0',
        width: 550,
        renderTo: Ext.getBody(),
        //layout: 'column', // arrange fieldsets side by side
        items: [{
            xtype : 'fieldset',
            name : 'docAttachment',
            border: 2,
            title : '<b>Attach your document</b>',
            collapsible : true,
            //collapsed : true,
            //layout : {
               // type : 'hbox',
               // align : 'center',
               // pack : 'center'
            //},
            items :[{
                xtype: 'fileuploadfield',
                name: 'fileuploads',
                buttonOnly: true,
                buttonText : 'Select a File...'
            }],
            listeners:{
                'afterrender':function(){this.collapse();}

            }
        }]
    });
    }
});