extjs - 如何在 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

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

您可以在此处查看小提琴 - 小提琴链接

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,


    });