在 ExtJS 中，在单击打开文件上传字段之前触发事件

Question

我有Ext.form.field.File ， buttonOnly属性设置为true 。 我的问题是，在按下“浏览”按钮后但在文件选择器弹出之前，是否可以执行任何事件。 我希望选择器不会在我想检查的某些条件下弹出。 有什么建议吗？ 我试过show和keydown 。 两者都没有执行。

Answer 1

是的，这有点棘手，但正是您要寻找的：

var file =Ext.create('Ext.form.field.File', {
        name: 'photo',
        fieldLabel: 'Photo',
        labelWidth: 50,
        msgTarget: 'side',
        allowBlank: false,
        anchor: '100%',
        buttonText: 'Select Photo...',
        renderTo:Ext.getBody(),
});

file.mon(file.triggerWrap, {
    click : function(){ 
        alert('yes you can'); 
        file.disable();
        Ext.defer(function(){file.enable();}, 10);        
    }
});​

disable() 方法用于防止引发其他事件（这将阻止打开选择文件的弹出窗口）

这里有一个工作示例： http : //jsfiddle.net/lontivero/GmAUt/2/