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

Question

我正在使用ExtJS 4.1.1。我在面板的底栏上有一个'filefield'配置。为了处理上传操作，我将小部件嵌入到动态创建的表单中。但是在表单提交后，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