javascript - ExtJS 4 - 如何使用菜单项上传文件

Question

我想添加一个菜单项文件上传按钮，该按钮从 CSV 文件中获取数据并将其解析出来。我有一个表单作为 menu.js 文件中的菜单项，该文件应该调用主 Controller 中的方法。

但是我收到以下错误listener.fireFn is undefined错误，告诉我onAttachmentsAddClick函数未定义。

文件提交后如何调用函数？

菜单中的代码

...
}, {
   xtype: 'form',
   itemId: 'item_formAdd',
   border: false,
   items: [{
     buttonText: 'File Upload',
     xtype: 'fileuploadfield',
     name: 'excelFile',
     buttonOnly: true,
     hideLabel: true,
     allowBlank: false,
     clearOnSubmit: false,
     listeners: {
         'change': 'onAttachmentsAddClick'
      },
     tooltip: 'Upload Excel Template'
     }]
   }]

来自 Controller 的代码

...
onAttachmentsAddClick: function (button) {
   alert('onAttachmentsAddClick');
},
...

Answer 1

提交要上传的文件后，您应该在 form 上使用名为 submit 的方法。

form.submit({
                url: 'http://example.xyz/csv-upload.php',
                waitMsg: 'Uploading your csv...',
                success: function(fp, o) {
                    Ext.Msg.alert('Success', 'Your photo "' + o.result.file + '" has been uploaded.');
                }
            });