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

Question

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

我需要有一个弹出窗口，它不仅允许用户在用户单击“选择...”按钮时选择文件，而且还允许用户在单击“选择文件”文本区域时选择文件。上面的代码不起作用，我只是想知道是否可以添加这样的行为。有任何想法吗？

Answer 1

默认情况下，点击文本框会打开文件浏览窗口。

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

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,


    });