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

时间:2019-03-14 15:31:55

标签: javascript extjs file-upload

我想添加一个菜单项文件上载按钮,该按钮可以从CSV文件中提取数据并进行解析。我在menu.js文件中有一个菜单项窗体,该窗体应该在主控制器中调用方法。

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

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

Menu

菜单中的代码

...
}, {
   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'
     }]
   }]

控制器代码

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

1 个答案:

答案 0 :(得分:1)

提交文件上传后,应在submit上使用一种称为form的方法。

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.');
                }
            });