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

时间:2013-11-11 13:48:56

标签: 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();
            }
        }
    });

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

1 个答案:

答案 0 :(得分: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,


    });