1

フィールドセット内のファイルフィールドの煎茶フィドル

extjs6 のフィールドセット内にファイルフィールドがあります。フィールドセットは最初は折りたたまれており、ファイルフィールドをボタンのみにしました。表示されている chrome ボタンでフィールドセットを開いて、Firefox にボタンが表示されない場合。

添付のフィドルの 19 行目をコメントアウトするか、開始時にフィールドセットを開いた場合、filefield は firefox と chrome の両方で適切に表示されます。

添付の sencha fiddle を参照して、何が問題なのか教えてください。

4

1 に答える 1

1

モハン、それは確かにバグのように見えます. 折りたたまれていない状態で開始すると、問題なく動作することに気付きました。したがって、回避策として、最初は折りたたまれないように構成を変更し、アフターレンダーで折りたたむことができます。

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();}

            }
        }]
    });
    }
});
于 2016-02-23T03:31:27.080 に答える