在extjs中监听Filefield上的更改

Question

我希望在文件更改时收听。但它不起作用

{
            xtype: 'filefield',
            id: 'form-file',
            fieldLabel: 'Photo',
            name: 'photo-path',
            buttonText: '',
            buttonConfig: {
                iconCls: 'upload-icon'
            },
            listeners: {
                  'change': function(this, value){
                        alert('change');
                  }
            }
}

Answer 1

你无法使用Extjs的文件字段

我有解决方案。

示例：http://jsfiddle.net/e3M3e/e8V7g/

var itemFile = null;
Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 400,
    html: "<input id='inputFile' type='file' name='uploaded'/>",
    renderTo: Ext.getBody(),
    listeners: {
        afterrender: function() {
            itemFile = document.getElementById("inputFile");            
            itemFile.addEventListener('change', EventChange, false);
        }
}
});

function EventChange(e){    
    var files = itemFile.files;
    console.log(files);
}

Answer 2

我找到了解决办法：功能改变必须是：

change: function(f,new_val) { alert(new_val); }