EXT FileUploadField 选择后点 取消 触发事件

EXT FileUploadField 组件的 "取消" 操作可以通过监听 "filecancel" 事件来实现。你可以在 FileUploadField 实例化后，调用它的 on 方法，为 "filecancel" 事件添加一个回调函数。

具体代码如下：

var fileUploadField = Ext.create('Ext.form.field.File', {
    // 配置项
});

fileUploadField.on('filecancel', function(field) {
    // 在这里编写 "取消" 操作后的代码逻辑
});

在上述代码中，当用户在选择完文件后点击 "取消" 操作时，就会触发 "filecancel" 事件，从而执行我们为该事件添加的回调函数。在回调函数中，你可以编写相应的代码逻辑来实现你想要的操作。

相关问题

EXT FileUploadField 选择后点 取消 没有触发Change

是的，这是一个已知的问题。在EXT JS中，当您选择文件并单击“取消”按钮时，不会触发文件上传字段的“change”事件。这是因为“change”事件只在文件字段的值发生更改时触发，而取消不会更改该值。

为了解决这个问题，您可以使用“fileselect”事件。这个事件会在用户选择文件后立即触发，无论他们选择“上传”或“取消”。

例如：

{
  xtype: 'fileuploadfield',
  listeners: {
    fileselect: function(field, value, eOpts) {
      // 在这里执行你的逻辑
    }
  }
}

在这个示例中，当用户选择文件后，“fileselect”事件将被触发，您可以在事件处理程序中执行您需要的任何逻辑。

EXT FileUploadField Listeners 侦听取消 触发事件

EXT FileUploadField 组件的取消事件可以通过添加监听器来进行捕获和处理。可以使用以下代码来添加取消事件监听器：

fileUploadField.addListener(new UploadDialogCancelListener());

其中，UploadDialogCancelListener 是一个实现了 FileUploadListener 接口的类，它定义了处理取消事件的方法：

public class UploadDialogCancelListener implements FileUploadListener {

    @Override
    public void fileUploadStarted(FileUploadStartedEvent e) {
        // 文件上传开始时触发的事件
    }

    @Override
    public void fileUploadFinished(FileUploadFinishedEvent e) {
        // 文件上传完成时触发的事件
    }

    @Override
    public void fileUploadError(FileUploadErrorEvent e) {
        // 文件上传出错时触发的事件
    }

    @Override
    public void fileUploadCanceled(FileUploadCanceledEvent e) {
        // 文件上传被取消时触发的事件
    }
}

在 fileUploadCanceled 方法中，可以编写自己的取消事件处理逻辑。例如，可以弹出一个提示框告诉用户上传已取消。