extjs4 - ExtJS 4 - 通过“文件”小部件上传文件后 bbar 崩溃

Question

我正在使用 ExtJS 4.1.1。我在面板的底栏上有一个“文件字段”配置。为了处理上传操作，我将小部件嵌入到动态创建的表单中。然而，在表单提交后，bbar 崩溃了。我在所有可以调用删除的侦听器中添加了警报，并且没有一个被调用。这种行为令人困惑。请问有什么建议吗？我附上了上传前后bbar的屏幕截图。

bbar: [{        
    xtype: 'filefield',
    id: 'fileUploadBtn',
    buttonOnly: true,
    buttonText: 'Preview Local File',
    buttonConfig: {
        iconCls: 'folder'
    },
    hideLabel: true,
    listeners: {
        change: function(field, value) {            
            onUploadClick(field, docUploadUrl, callback);
        } 
    }
}]

function onUploadClick(fileField, url, callback) {  
    var uploadForm = Ext.widget('form', {
        autoDestroy: false
        ,items: [fileField]
    });

    uploadForm.submit({
        //...
    }); 
};

Answer 1

Filefield 期望在一个表单中。
尝试在表单布局中插入它，也许这不会发生：
http ://docs.sencha.com/extjs/4.1.1/#!/api/Ext.form.field.File