如何在Extjs中模拟单击文件字段？

我的ExtJS应用程序中有一个文件上载字段

    this.scanUpload = new Ext.form.field.File({
        name: "scan field",
        emptyText: 'select file',
        allowBlank: false,
        x: 20, y: 3,
        width: 690,
        buttonText: 'select...',

        regex: /^.*(\.tiff)|(\.jpg)|(\.jpeg)|(\.gif)|(\.jpe)|(\.tif)|(\.png)$/i,

        listeners: {
            focus: function(){
                this.button.el.dom.click();
            }
        }
    });

---

我需要有一个弹出窗口，不仅当用户点击“选择…”按钮时，而且当点击“选择文件”文本区域时，允许用户选择文件。上面的代码不起作用，我只是想知道是否有可能添加这样的行为。有什么想法吗

默认情况下，单击文本框将打开文件浏览窗口

你可以在这里检查小提琴-

---

在本例中，您可能应该使用“Ext.create（'Ext.form.field.File'，{etc…”，而不是新的关键字。只要包含Ext-all.js，我认为使用哪一个并不重要。完全正确，但通常更倾向于使用create（例如：），无论哪种方式，您的答案都适用于以下问题：）它甚至可以在4.1.0中工作。无法在4.0.7中签入，因为JSFIDLE不提供该框架，但它应该在所有版本中工作，因为它是这样一个基本功能！以上都没有解决实际问题：如何手动触发文件选择弹出窗口？

Ext.create("Ext.form.field.File", {
        name: "scan field",
        emptyText: 'select file',
        allowBlank: false,
        x: 20, y: 3,
        width: 200,
        buttonText: 'select...',
    renderTo: "fieldDiv",

        regex: /^.*(\.tiff)|(\.jpg)|(\.jpeg)|(\.gif)|(\.jpe)|(\.tif)|(\.png)$/i,


    });